/*
Ann Vautour & Associates
Website layout by Lissa Pattillo
Author URI: http://www.lissapattillo.com
Version: 2.0
*/


body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; line-height: 20px;
min-height: 900px; color: #000000; overflow-x: hidden; }

a { text-decoration: none; color: #857c18; font-weight: 600; }
a:hover { text-decoration: none; color: #deb406; }

img { border: 0px; }
.left { margin: 0 25px 10px 0; float: left; }
.right { margin: 0 0 10px 25px; float: right; }

.wrapper { margin: auto; width: 80%; min-height: 100%; }

h1 { max-width: 10%; display: inline-block; }
h2 { margin: 0 0 20px 15px; color: #857c18; font-size: 22px; text-transform: uppercase; }
h3 { color: #deb406; margin-top: 25px;}

#header-hold { width: 85%; margin: auto; }
#header-place { margin: 0px; padding: 0px; background: url(images/header-BG.png) repeat-x; overflow: hidden; min-height: 175px; background-position: bottom; }

#header { margin: 0 auto 0 auto; width: 90%; display: block; }

.nav { vertical-align: bottom; display: inline-block; width: 85%; margin: 0; font-size: 12px; }
.nav ul { float: right; margin: 0 0 15px 0; }
.nav ul li { list-style-type: none; padding: 0 14px 0 14px; float: left; }
.nav ul li a { color: #857c18; font-weight: 600; }
.nav ul li a:hover { color: #deb406; border-bottom: 1px solid #deb406; padding: 0 0 5px 0; }

.nav-mobile { display: none; }

#content { width: 80%; min-height: 500px; margin: 25px auto 55px auto; }

ul.gold { list-style-image: url('http://annv.org/images/bullet.png'); }

.front-page-fill { background-image: url(images/front-page.jpg); background-repeat: no-repeat;
background-position: right top; width: 125%; height: 595px; background-size: cover;
margin: -25px 0 -55px -110px; }

.front-page-fill h2 { font-size: 2.5em; display: block; vertical-align: middle; 
line-height: 1.5em; font-weight: normal; text-transform: none; text-align: center; 
padding: 15% 45% 0 0; }

.front-page-fill-contact { background-image: url(http://annv.org/images/contact-page.jpg); background-repeat: no-repeat;
background-position: right top; width: 140%; height: 545px; background-size: cover;
margin: -25px 0 -55px -110px; }

.front-words { margin-left: 35px; }

.program-left { width: 45%; display: block; margin: 0 10px 25px 10px; float: left; }
.program-right { width: 45%; display: block; margin: 0 10px 25px 10px; float: right; }

.bio { float: left; width: 28%; margin: 15px; }

#testimonials { width: 65%; margin: 35px auto 25px auto; }
.test-name { text-align: right; padding: 0 0 20px 0; color: #deb406; font-weight: 600; }

#footer-place { padding: 10px 0 45px 0; background: url(http://annv.org/images/footer-BG.png); background-repeat: repeat-x; background-color: #958d38; line-height: 1.2em; height: 285px; color: #FFFFFF; }

#footer { padding: 15px 0 0 0; background: none !important; height: 260px!important;
width: 65%; margin: 0 auto 0 auto; }

#footer .what-if { color: #d5e464; width: 45%; float: left; display: block; }
#footer .what-if img { width: 100%; margin: auto; }
#footer a { color: #FFFFFF; font-weight: 600; }
#footer .test { width: 45%;  float: right;  }



@media only screen and (max-width: 1110px) {

#header-hold { width: 90%; margin: auto; }
#header-place { margin: 0px; padding: 0px; background: url(http://annv.org/images/header-BG.png) repeat-x; overflow: hidden; min-height: 175px; background-position: bottom; }

#header { margin: 0 auto 0 auto; width: 90%; display: block; }

.nav { vertical-align: bottom; display: inline-block; width: 70%; margin: 0 0 0 65px; font-size: 12px;  }
.nav ul { float: right; margin: 0 0 15px 0; }

}



@media only screen and (max-width: 810px) {

.nav { display: none; }
.nav-mobile { display: block; width: 60%; float: right; text-align: center; }
.nav-mobile select { width: 75%; margin: 55px auto 25px 0; height: 35px; font-size: 1.5em; }

.bio { float: none; width: 80%; margin: auto; padding: 0 0 50px 0; }

#footer-place { height: 450px; }

#footer #foot-nav { display: none; }
#footer .what-if { float: none; width: 100%; margin: auto; text-align: center; }
#footer .test { float: none; width: 90%; margin: 25px auto 25px auto; }

}



@media only screen and (max-device-width: 480px) {

body { font-size: 2em; line-height: 1.5em; }
h1 { display: block; width: 400px; margin: auto; text-align: center; padding: 0; }
h1 img { width: 400px!important; margin: 0 0 0 -150px; }
h2, h3 { font-size: 2em; margin: 0 0 15px 0; line-height: 1.5em; }

#header { width: 100%; margin: auto; }
#header-place { width: 100%; height: 475px!important; overflow: visible; }
#header-hold { width: 100%; margin: auto; }

.nav { display: none; }
.nav-mobile { display: block; width: 100%; float: none; text-align: center; }
.nav-mobile select { width: 75%; margin: 25px auto 25px 0; height: 75px; font-size: 1.5em; }

.front-page-fill { height: 625px; margin: -35px 0 -55px -110px; padding: 0 0 55px 0; }
.front-page-fill h2 { padding: 10% 45% 10% 0; }
.front-words { margin-left: 35px; }

#content { width: 80%; min-height: 500px; margin: 45px auto 55px auto; }
#content img { width: 100%; }

#testimonials { width: 90%; margin: auto; padding: 0 0 45px 0; }

.program-left { width: 100%; display: block; padding: 0 0 75px 0; margin: auto; float: none; }
.program-right { width: 100%; display: block; margin: auto; float: none; padding: 0 0 75px 0; }

.bio { float: none; width: 100%; margin: auto; padding: 0 0 50px 0; }
.bio img { width: 600px; }

#footer { width: 95%; font-size: 1em;  }
#footer-place { height: 675px; padding-bottom: 55px; }

#footer #foot-nav { display: none; }
#footer .what-if { float: none; width: 100%; margin: auto; text-align: center; }
#footer .test { float: none; width: 90%; margin: 25px auto 25px auto; }

}