body{background:url(../images/BG1.65072296.jpg) no-repeat left center fixed;background-size:cover}input.age-input{text-align:center}.row-fluid{padding-left:0;padding-right:0}.row{margin-right:0;margin-left:0}.main-body{height:100vh}.navrow{position:relative;height:13vh}.mainrow{position:relative;height:73vh}.footrow{position:relative;height:5vh}.mainrow-main{position:relative;height:73vh}.footrow-main{position:relative;height:7vh}.jumbotron{margin-left:0;margin-right:0;width:100%;padding-left:4%;padding-right:4%;padding-top:4%;padding-bottom:2%;background:rgba(208,208,208,.41)}p.header{font-weight:700}.vcenter{display:inline-block;vertical-align:top;float:none}img.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(90%)}img.grayscale:hover{filter:none;-webkit-filter:grayscale(0%)}img.img-result{width:50%;height:50%}@media (max-width:320px){.jumbotron p{font-size:14px}p.header{font-size:16px}p.maintext{text-align:left}p.subtitle{font-size:10px}p.state-font{font-size:9px}.btn{font-size:16px}.footer-font{font-size:9px}.logo{width:120%;height:120%;padding-bottom:15%}.footer-img1{vertical-align:middle;padding-top:1%;width:32%;height:32%}.footer-img2{vertical-align:middle;width:10%;height:10%}.img-gender{vertical-align:middle;width:120%;height:20%}.img-em{width:90%;height:90%}.img-hdp{vertical-align:middle;width:80%;height:80%}.playButton{vertical-align:middle;width:100%;height:100%}.speakButton{vertical-align:middle;width:50%;height:50%}}@media (min-width:321px){.jumbotron p{font-size:15px}p.maintext{text-align:left}p.subtitle{font-size:13px}p.state-font{font-size:12px}.btn{font-size:18px}.footer-font{font-size:12px}.logo{width:90%;height:90%;padding-bottom:15%}.footer-img1{vertical-align:middle;padding-top:1%;width:27%;height:27%}.footer-img2{vertical-align:middle;width:7%;height:7%}.img-gender{vertical-align:middle;width:100%;height:100%}.img-em{vertical-align:middle;width:60%;height:60%}.img-hdp{vertical-align:middle;width:30%;height:30%}.playButton{width:60%;height:60%}.speakButton{vertical-align:middle;width:60%;height:60%}}@media (min-width:768px){.jumbotron p{font-size:20px}p.maintext{text-align:center}p.subtitle{font-size:17px}p.state-font{font-size:14px}.btn{font-size:19px}.footer-font{font-size:14px}.logo{width:70%;height:70%;padding-bottom:10%}.footer-img1{vertical-align:middle;padding-top:1%;width:22%;height:22%}.footer-img2{vertical-align:middle;width:7%;height:7%}.img-gender{vertical-align:middle;width:70%;height:70%}.img-em{vertical-align:middle;width:40%;height:40%}.img-hdp{vertical-align:middle;width:30%;height:30%}.playButton{vertical-align:middle;width:60%;height:60%}.speakButton{vertical-align:middle;width:50%;height:50%}}@media (min-width:980px){.jumbotron p{font-size:23px}p.maintext{text-align:center}p.subtitle{font-size:20px}p.state-font{font-size:16px}.btn{font-size:22px}.footer-font{font-size:16px}.logo{margin-left:25%;width:100%;height:100%}.footer-img1{vertical-align:middle;padding-top:1%;width:26%;height:26%}.footer-img2{vertical-align:middle;width:7%;height:7%}.img-gender{vertical-align:middle;width:58%;height:58%}.img-hdp{width:60%;height:60%}.img-em{vertical-align:middle;width:80%;height:80%}.playButton{vertical-align:middle;width:60%;height:60%}.speakButton{vertical-align:middle;width:75%;height:75%}}@media (min-width:1400px){.jumbotron p{font-size:3.7vh}p.maintext{text-align:center}p.subtitle{font-size:3vh}p.state-font{font-size:2vh}.btn{font-size:3.7vh}.footer-font{font-size:2.5vh}.logo{margin-left:25%;width:100%;height:100%}.footer-img1{vertical-align:middle;padding-top:1%;width:27%;height:27%}.footer-img2{vertical-align:middle;width:7%;height:7%}.img-gender{vertical-align:middle;width:58%;height:58%}.img-hdp{width:25%;height:25%}.img-em{vertical-align:middle;width:80%;height:80%}.playButton{vertical-align:middle;width:60%;height:60%}.speakButton{vertical-align:middle;width:85%;height:85%}.progress{height:3.7vh}input[placeholder]{font-size:3.7vh;height:20%}::-moz-placeholder{font-size:3.7vh;height:20%}input:-moz-placeholder{font-size:3.7vh;height:20%}input:-ms-input-placeholder{font-size:3.7vh;height:20%}}