body{
	background:#c30075;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#header{
	background:url(../images/bg-header.jpg) repeat-x center top;
	margin:0;
	padding:0;
	overflow:hidden;
	min-width:960px;
}
#header ul{
	margin:0 auto;
	overflow:hidden;
	padding:31px 0 34px 0;
	text-align:center;
	width:960px;
}
#header ul li{
	display:inline-block;
	list-style:none;
	margin:0 15px;
	padding:0;
}
#header ul li a{
	color:#fff;
	display:block;
	font-family:Times New Roman;
	font-size:18px;
	font-weight:bold;
	height:32px;
	line-height:32px;
	margin:0;
	padding:0 10px 0 0;
	text-decoration:none;
	text-transform:capitalize;
}
#header ul li.selected, #header ul li.selected a{
	background:url(../images/menu.gif) no-repeat top left;
}
#header ul li.selected{
	background-position:0 0;
	padding:0 0 0 10px;
}
#header ul li.selected a{
	background-position:right -34px;
}
#header ul li a:hover{
	color:#fff6e0;
}
#header div{
	margin:0 auto;
	padding:0 0 61px 10px;
	width:960px;
}
#header div.logo a{
	display:block;
	margin:0;
	padding:0;
	width:301px;
}
#header div.logo a img{
	border:0;
}
/*Style rules for humbuger menu*/
.mobile-nav a.menu-icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.mobile-nav a {
  color: #918873;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
  padding: 3%;
  display: block;
}

nav {
  width: 70%;
  float: right;
  margin: 5em 3em 0 0;
  padding: 1%;
  margin-bottom: 1%;
}

/* show mobile class, hide mobile-tablet class and menu-links id */
.mobile {
	display: block;
  }
  
  .tablet-desktop {
	display: none;
  }
  
  @media only screen and (max-width: 958px) {
	.mobile-nav a.menu-icon {
	  display: block;
	  position: absolute;
	  right: 0;
	  top: 0;
	}
  
	.mobile {
	  display: block;
	}
  
	.tablet-desktop {
	  display: none;
	}
  
	nav {
	  display: none;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	}
  
	nav ul {
	  margin: 0;
	  padding: 0;
	  background-color: #c30075;
	  text-align: center;
	  display: block;
	}
  
	nav ul li {
	  margin: 0;
	  padding: 0;
	  display: inline-block;
	  width: 100%;
	}
  
	nav ul li a {
	  display: block;
	  padding: 3% 0;
	  border-bottom: 1px solid #fff;
	}
  
	nav ul li:last-child a {
	  border-bottom: none;
	}
  }
#form {
    margin-top: 2%;
    background-color: #c30075;
    padding: 2%;
    }
    #form h2 {
    text-align: center;
    }
    /* Style rules for form elements */
    fieldset, input, select, textarea {
    margin-bottom: 2%;
    }
    fieldset legend {
    font-weight: bold;
    font-size: 1.25em;
    }
    label {
    display: block;
    padding-top: 3%;
    }
/* fix for contact form button */
#form #submit {
	margin: 0 auto;
	border: none;
	display: block;
	padding: 2%;
	background-color: #0e0a0a;
	font-size: 1em;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
	text-decoration: none;
	color: #fff;
  }
  
  #form #submit:hover {
	background-color: #c30075;
	color: #fff6e0;
  }
  
#body{
	background:#fefef6 url(../images/bg-content.gif) repeat-x top left;
	margin:0;
	padding:0;
	min-width:960px;
}
#body h1{
	color:#918873;
	font-family:Times New Roman;
	font-size:36px;
	margin:0;
	padding:48px 0;
	text-transform:capitalize;
}
#body h3{
	color:#918873;
	font-size:16px;
	line-height:24px;
	margin:0;
	padding:0;
	text-align:justify;
}
#body h3 a{
	color:#918873;
	margin:0;
	padding:0;
}
#body h3 a:hover{
	color:#b7b1a1;
}
#body p{
	color:#918873;
	font-size:14px;
	line-height:24px;
	margin:0;
	padding:0;
	text-align:justify;
}
#body p a{
	color:#918873;
}
#body p a:hover{
	color:#b7b1a1;
}
#body div.featured{
	background:#c30075 url(../images/bg-content.gif) repeat-x bottom left;
	height:338px;
	margin:0;
	padding:0;
}
#body div.featured div{
	margin:0 auto;
	padding:0 10px;
	width:940px;
}
#body div.featured div ul{
	margin:0;
	overflow:hidden;
	padding:0;
	width:480px;
}
#body div.featured div ul li{
	float:left;
	list-style:none;
	margin:0 20px 0 0;
	padding:0;
	width:220px;
}
#body div.featured div ul li img{
	border:2px solid #e07cb3;
	margin:0;
	padding:0;
}
#body div.featured div div.section{
	position:relative;
}
#body div.featured div div.section div{
	left:470px;
	position:absolute;
	top:-359px;
	width:470px;
}
#body div.featured div div.section div img{
	border:0;
	margin:0;
}
#body div.featured h2{
	color:#f085c5;
	font-size:25px;
	margin:-12px 0 0 0;
	padding:0;
	text-transform:capitalize;
}
#body .content{
	margin:0 auto;
	padding:0 0 72px 0;
	width:960px;
}
#body .content span.heading{
	display:block;
	margin:0;
	padding:0;
	position:relative;
}
#body .content span.heading img{
	left:50px;
	position:absolute;
	top:-47px;
	z-index:3;
}
#body .content div{
	margin:0;
	padding:0;
	overflow:hidden;
	width:960px;
}
#body .content div ul{
	float:left;
	margin:0;
	padding:45px 0 0 0;
	width:470px;
}
#body .content div ul li{
	background:url(../images/border.gif) repeat-x bottom left;
	list-style:none;
	margin:0 10px 15px 0;
	padding:0 0 18px 0;
}
#body .content div ul li:last-child{
	background:none;
}
#body .content div div ul li a{
	text-decoration:none;
}
#body .content div div ul li a:hover span{
	color:#b7b1a1;
}
#body .content div div ul li img{
	border:0;
}
#body .content h3{
	color:#918873;
	font-size:16px;
	line-height:24px;
	margin:0;
	padding:0;
}
#body .content h3 a{
	color:#918873;
}
#body .content h3 a:hover{
	color:#b7b1a1;
}
#body .content div ul li p{
	color:#918873;
	font-size:14px;
	line-height:24px;
	margin:0;
	padding:0;
	text-align:justify;
}
#body .content div ul li p a{
	color:#918873;
}
#body .content div ul li p a:hover{
	color:#b7b1a1;
}
#body .content div div{
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
	padding:0 10px 0 0;
	width:470px;
}
#body .content div div ul{
	float:none;
	margin:0;
	overflow:hidden;
	width:480px;
}
#body .content div div ul li{
	background:none;
	float:left;
	list-style:none;
	margin:0 10px 15px;
	padding:0;
}
#body .content div div ul li span{
	color:#857b63;
	display:block;
	font-size:14px;
	margin:0;
	padding:0;
	text-align:center;
}
#body .content div div h4{
	background:url(../images/icons.gif) no-repeat left -62px;
	float:left;
	margin:0 0 0 140px;
	padding:0 0 0 30px;
}
#body .content div div h4 a{
	background:url(../images/icons.gif) no-repeat right -86px;
	color:#857b63;
	display:block;
	height:16px;
	font-family:Times New Roman;
	font-size:16px;
	margin:0;
	padding:0 30px 0 0;
	text-decoration:none;
	text-transform:capitalize;
}
#body .content div div h4 a:hover{
	color:#b7b1a1;
}
#body .gallery{
	margin:0 auto;
	padding:0;
	padding:0 0 50px 10px;
	width:950px;
}
#body .gallery div{
	margin:0;
	overflow:hidden;
	padding:0 0 5px 0;
}
#body .gallery div div{
	float:left;
	width:470px;
}
#body .gallery div ul{
	float:left;
	margin:0;
	overflow:hidden;
	padding:0;
	width:480px;
}
#body .gallery div ul li{
	float:left;
	list-style:none;
	margin:0 10px 10px;
	padding:0;
}
#body .gallery div img{
	border:0;
}
#body .handling{
	margin:0 auto;
	padding:0 10px 50px 10px;
	width:940px;
}
#body .handling div{
	overflow:hidden;
	padding:0;
}
#body .handling div ul{
	float:left;
	margin:0;
	padding:20px 0 0;
	width:560px;
}
#body .handling div ul li{
	background:url(../images/bullet.gif) no-repeat 0 10px;
	list-style:none;
	margin:0;
	padding:0 30px 0 20px;
}
#body .handling div div{
	float:left;
	margin:0;
	padding:20px 0 0;
	width:378px;
}
#body .handling div div img{
	border:1px solid #948b76;
	margin:0;
	padding:0;
}
#body .payment{
	margin:0 auto;
	overflow:hidden;
	padding:0 0 50px 0;
	width:940px;
}
#body .payment div{
	overflow:hidden;
}
#body .payment div .article{
	float:left;
	margin:0;
	padding:0;
	width:600px;
}
#body .payment .section1{
	background:url(../images/border2.gif) repeat-x bottom left;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
#body .payment .section1 .article{
	padding:0 20px 0 0;
}
#body .payment .section2 .article{
	padding:0 0 0 20px;
}
#body .payment div .article ul{
	margin:0;
	padding:0 0 0 10px;
}
#body .payment div .article ul li{
	background:url(../images/bullet.gif) no-repeat 0 10px;
	list-style:none;
	margin:0;
	padding:0 0 0 15px;
}
#body .payment div div{
	float:left;
	margin:0;
	padding:0;
	width:320px;
}
#body .payment div div img{
	border:1px solid #918873;
	margin:0;
	padding:0;
}
#body .about{
	margin:0 auto;
	padding:0 10px 50px 10px;
	width:940px;
}
#body .about h2{
	color:#918873;
	font-size:16px;
	margin:0;
	padding:0 0 5px 0;
	text-transform:capitalize;
}
#body .about div{
	margin:0;
	padding:0 0 30px 0;
}
#body .blog{
	margin:0 auto;
	overflow:hidden;
	padding:0 10px 50px 10px;
	width:940px;
}
#body .blog div{
	float:left;
	margin:0;
	padding:0;
	width:640px;
}
#body .blog ul{
	float:right;
	margin:0;
	padding:0 0 0 28px;
	width:272px;
}
#body .blog ul li{
	background:url(../images/border2.gif) repeat-x bottom left;
	list-style:none;
	margin:0 0 15px;
	padding:0 0 15px;
}
#body .blog ul li h3{
	font-size:14px;
}
#body .blog ul li:last-child{
	background:none;
}
#body .contact{
	margin:0 auto;
	padding:0 10px 50px 10px;
	width:940px;
}
#body .contact div{
	overflow:hidden;
	margin:0;
	padding:0;
}
#body .contact div div{
	float:left;
	width:470px;
}
#body .contact ul{
	margin:0;
	padding:0;
}
#body .contact ul li{
	color:#918873;
	font-size:14px;
	list-style:none;
	margin:0;
	padding:8px 0 0;
}
#body .contact ul li span{
	background:url(../images/colon.gif) no-repeat center right;
	display:inline-block;
	margin:0 10px 0 0;
	padding:0;
	width:80px;
}
#body .contact div h4{
	color:#918873;
	font-size:14px;
	margin:0;
	padding:30px 0 0;
	text-transform:uppercase;
}
#footer{
	background:url(../images/bg-footer.gif) repeat-x top left;
	margin:0;
	padding:40px 0;
}
#footer div{
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:940px;
}
#footer div .connect{
	float:left;
	overflow:hidden;
	width:auto;
}
#footer div .connect h4{
	color:#e794c6;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	margin:0;
	padding:0;
}
#footer div .connect ul{
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	width:200px;
}
#footer div .connect ul li{
	float:left;
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
}
#footer div .connect ul li a{
	display:block;
	height:26px;
	width:38px;
	text-indent:-99999em;
}
#footer div .connect ul li.facebook a{
	background:url(../images/icons.gif) no-repeat 0 0;
}
#footer div .connect ul li.twitter a{
	background:url(../images/icons.gif) no-repeat 0 -30px;
}
#footer div p{
	color:#e794c6;
	float:right;
	font-size:12px;
}
#footer div p a{
	color:#e794c6;
	text-decoration:none;
}
/*Show moblie class, hide tablet-desktop class */
/* @media scree and (maxwidth: 629px){ */
	.mobile {
		display: none;
	}
	.tablet-desktop {
		display: block;
	}
	.tel-link {
		background-color: #c30075;
		padding: 2%;
		margin: auto;
		width: 80%;
		text-align: center;
		border-radius: 10px;
	}
	.tel-link a {
		color: #fff;
		font-size: 1.5em;
		text-decoration: none;
		display: block;
	}
	.hours {
		margin-left: 10%;
	}
	/* } */
	/* Media Query for Tablet Viewport */
	@media screen and (min-width: 630px) {
		.mobile {
			display: none;
		}
	/*Tablet Viewport: Show tablet-desktop class, hide mobile class*/
		.tablet-desktop {
			display: block;
		}
		.tablet-desktop {
			display: block;
		}
		.mobile, .mobile-nav, .mobile-nav a.munu-icon {
			display: none;
		}
		/* Tablet Viewport: Style for header */
		header {
			position: static !important;
			padding-bottom: 2%;
		}
		/* Tablet Viewport: Style for nav */
		nav {
			padding: 2%;
			margin-bottom: 1%;
		}
		nav ul {
			list-style-type: none;
			text-align: center;

		}
		nav li {
			font-size: 1.5cm;
			font-family: Arial, Helvetica, sans-serif;
			border-top: 1px solid #857b63;
		}
	nav li :last-child {
		border-right: none;
	}
	nav li a {
		color: #857b63;
		text-decoration: none;
		text-align: center;
		display: block;
		padding: 0.1cm 0.75cm;
	}
	}
/*Tablet Viewport: Style rule for element */
form {
	width: 70%;
	margin: auto;
}
      /* insert a media query */
    @media screen and (max-width: 729px) {
		/* Desktop Viewport: Style rule for header */
		header {
			width: 25%;
			float: left;
			padding-bottom: 0;

	  }
	  /*Desktop Viewport: Style rule for nav area */
	  nav {
		  width: 70%;
		  float: right;
		  margin: 4cm 1cm 0;
	  }
	  nav ul {
		  text-align: right;;
	  }
	  nav li {
		padding: 0.5cm 1cm;
	  }
	    /* Desktop Viewport: Style rules for main area */ 
        main {  
            clear: left; 
        } 
        main h1 {  
            font-size: 1.8em; 
        } 
        #weights, #cardio, #training   {   
            width: 29%;   
            float: left;   
            margin: 0 2%;  
        } 
        #exercises {    
            clear: left;   
        } 
        /* Desktop Viewport: Style rules for form elements */
form {
    width: auto;
    }
    .form-grid {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
    }
    .btn {
    grid-column: 1 / span 3;
    }
    }