html { font-size: 12px; }
body { font-family: Lato; letter-spacing: 1px; font-weight: 300; }
body > header { text-align: center; margin-top: 50px; margin-bottom: 30px; }
body > header img { margin-bottom: 20px; }
 
#wrapper { width: 100%; max-width: 1100px; margin: 0 auto; }
#SiteNav { width: 100%; text-align: center; }
#SiteNav li { display: inline-block; margin: 13px; }
#SiteNav a { text-transform: uppercase; color: #000; text-decoration: none; font-weight: 400; }
#SiteNav a:hover { color: #ef4b55; }

#alert { background: #5e8743; color: #fff; width: 100%; height: 100px; text-align: center; margin-bottom: 20px; line-height: 100px; font-size: 1.5rem; }

#events { margin-top: 20px; }
#events header { text-align: center; text-transform: uppercase; margin-bottom: 40px; font-weight: 900; font-size: 0.8333333333rem; }
#events ul { margin: 0%; padding: 0; list-style: none; text-align: center;}
#events li { width: 47%; margin: 1%; display: inline-block; vertical-align: top; text-align: center; }
#events li img { max-width: 100%; }
#events li h3 { text-align: center; }
#events li p { text-align: justify; }
#events li a { margin: 20px auto; background-color: #5e8743; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; }

#yoga { background-image: url('../img/background01.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; padding: 8% 0 10% 0;}
#yoga p, #yoga header { text-align: center; text-transform: uppercase; margin: 0; margin-left: 15%; width: 43%; line-height: 2rem; }
#yoga header { font-weight: 700; }

#about { padding: 0 30%; text-transform: uppercase; line-height: 2rem; text-align: center; padding-top: 80px; margin-bottom: 80px; }
#about p { margin: 0; }
#about header { background-image: url('../img/aboutHeadLogo.png'); background-repeat: no-repeat; background-position: 50% 0; padding-top: 65px; font-weight: 700; }

#contact { text-align: center; font-weight: 400; }
#contact header { background: url('../img/contactHeadImage.jpg') 50% 50% no-repeat; background-size: cover; height: 295px; margin-bottom: 15px; }
#contact p { display: inline-block; width: 20%; line-height: 1.8rem; text-transform: uppercase; }
#contact p.pSmall { width: 5%; display: none; }
#contact a { color: #000; text-decoration: none; }
#contact a:hover { color: #ef4b55; }

#classes { font-weight: 400; padding-top: 80px; }
#classes header { text-align: center; text-transform: uppercase; margin-bottom: 40px; font-weight: 900; font-size: 0.8333333333rem; }
#classes li { display: inline-block; width: 47%; padding: 0 1%; vertical-align: top; line-height: 2rem; font-size: 0.88rem; }
#classes li h3 { text-transform: uppercase; line-height: 1.5rem; font-size: 0.8333333333rem; min-height: 40px; font-weight: 900; }

#diagram { text-align: center; font-weight: 300; padding-top: 80px; }
#diagram header { text-align: center; text-transform: uppercase; margin-bottom: 40px; font-weight: 900; font-size: 0.8333333333rem; }
#diagram li { display: inline-block; width: 22%; margin: 0 1%; vertical-align: top; line-height: 1.5rem; font-size: 0.88rem; }
#diagram li h3 { font-weight: 300; font-size: 0.8333333333rem; text-transform: uppercase; line-height: 1.8rem; }
#diagram li h3 span { font-size: 1.2rem; }
#diagram li p { font-size: 1.2rem; padding-top: 25px; }
#diagram li p.row2 { padding-top: 0px; }
#diagram li p.row0 { padding-top: 35px; }
#diagram li p span, #classes li h3 span { color: #f00; }
}

#price { padding-top: 80px; }
#price header { text-align: center; text-transform: uppercase; margin-bottom: 40px; font-weight: 900; font-size: 0.8333333333rem; }
#price li { display: inline-block; width: 12%; padding: 0 2%; vertical-align: top; line-height: 2rem; font-size: 0.88rem; text-align: center; }
#price li h3 { text-transform: uppercase; font-size: 0.88rem; font-weight: 400; }
#price li p { font-size: 1.5rem; line-height: 2.5rem; }
#price p { text-align: center; }
#price > p { margin-bottom: 100px; }
#price p span { display: inline-block; margin: 0 1%; }

#partners header { text-align: center; text-transform: uppercase; margin-bottom: 40px; font-weight: 900; font-size: 0.8333333333rem; }
#partners ul { list-style: none; margin: 0; padding: 0; }
#partners li { display: inline-block; width: 39%; margin: 0 5%; text-align: center; margin-bottom: 50px; }
#partners li img { width: 50%; }

header .bg { background-image: url('../img/bgDh.png'); width: 27px; display: inline-block; height: 10px; background-repeat: no-repeat; background-position: 50%; margin: 0 20px; }
.phNu { vertical-align: top; padding-top: 6px; }
.warning { font-weight: 700; color: #ef4b55; }

.fb-like-box { clear: both; width: 100%; text-align: center; }

@media only screen and (max-width: 600px) {
	#events li { width: 100%; }
	#diagram li { display: inline-block; width: 47%; margin: 0 1%; vertical-align: top; line-height: 1.5rem; font-size: 0.88rem; }
	#classes li { display: inline-block; width: 47%; padding: 0 1%; vertical-align: top; line-height: 2rem; font-size: 0.88rem; }
	#contact p { display: inline-block; width: 100%; line-height: 1.8rem; text-transform: uppercase; }
	#price li { display: inline-block; width: 28%; padding: 0 2%; vertical-align: top; line-height: 2rem; font-size: 0.88rem; text-align: center; }
}