/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1;overflow-x: hidden; }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
.clearfix{}
.clearfix:before, .clearfix:after { display: table;
	line-height: 0; content: "" }
.clearfix:after { clear: both }
/* onepage scroll Document */
body, html { font: 400 14px/24px 'Open Sans', sans-serif; background-color: #0c1019; cursor: url('../images/cursor-dagger.png') , auto; }
#index{width:100%;margin: 0 auto; cursor: url(../images/sword.png);}
.landscape_poster{width: 73%;padding-top: 25%;max-width: 100%; display: block; margin: 0 auto ; text-align:center;}
#poster_index{width:100%;margin: 0;background-image:url(../images/poster-texture.png);background-repeat-x: no-repeat;background-size: 100%;}
#poster_index {width: 100%;margin: 0;background-image: url(../images/poster_texture.png);background-repeat-x: no-repeat;background-size: 100%;}
#Home{margin:0 auto;width: 100%;padding: 83px 0 0 0;min-height: 740px;}
section{width:100%; margin: 0 auto; display: inline-block;}
a { text-decoration: none; }
header {  padding: 0px 0 0px 0px;  overflow: hidden; position: fixed; top: 0; left: 0%; width: 100%; z-index:9999;overflow: visible;height: 78px;}
.header_container{background:url("../images/header-bg.jpg") no-repeat; background-size: cover; width: 100%; margin: 0 auto;position: relative;}
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.logo{ width: 12.7%;    margin: 5px 0px 0px 10px; }
.dropdown{display: none;}
.main-menu { margin: 0 auto;  width:59%;display: inline-flex;}
.main-menu li { display: inline-block;     margin: 0 !important; text-align: left; font-family: 'EB Garamond', serif; text-transform: uppercase;float:left;white-space: nowrap;}
.main-menu li a { display: block; color: black; padding: 30px 18px; font-size: 1.1em; cursor: pointer; margin: 0 auto;text-align: center;}
.main-menu li a:hover { background-color: black; color:white; padding: 30px 18px; }
.main-menu li.active a { color: #FFF;     background-color: black; padding: 30px 18px; }
.language_li { margin: 0 auto;

position: absolute;
top: 0%;
left: 88%;
background-color: #feb716;
padding: 7px 11px 4px 11px;}
.language_li li { display: inline-block;     margin: 0 auto; text-align: center; font-family: 'EB Garamond', serif; text-transform: uppercase;}
.language_li li a { display: block; color: black; padding: 24px 3px; font-size: 1.3em; cursor: pointer; margin: 0 auto;text-align: center;white-space: nowrap;}
#Infographics{background:url(../images/poster-texture.jpg) repeat;}
#sysadmin_personalities{background:url(../images/poster-texture.png) repeat;position:relative;width: 100%;  margin:0 auto;padding: 20px 0px 30px 0px;text-align: center;min-height: 695px;}
.sysadmin_heading{width: 50%;margin: 0 auto;text-align: center;    padding: 50px 0px 0px 0px;}
.infographics-container{width:50%; height:auto; margin:0 auto; display:block;}
.infographics-container img{ }
.slider-container{/*box-shadow:1px 1px 7px #666;*/ padding-top:3%;}
.info-graphics-top{display:block; width:100%;}
#slides{ }
#slides a.slidesjs-previous{width:50px; height:50px; text-indent:-9999em; overflow:hidden; background:url("../images/info-prev-arrow.png") no-repeat;position:absolute; top:50%; left:20%; z-index:999;}
#slides a.slidesjs-previous:hover{background:url("../images/info-prev-arrow-hover.png");}
#slides a.slidesjs-next{width:50px; height:50px; text-indent:-9999em; overflow:hidden; background:url("../images/info-next-arrow.png") no-repeat;position:absolute; top:50%; right:20%; z-index:999;}
#slides a.slidesjs-next:hover{background:url("../images/info-next-arrow-hover.png");}
.bg-pixel{width:100%; position:absolute; left:0; top:0; background:url(../images/pixel.png) repeat; z-index:1; opacity:0.5;}
#Home iframe{ width:100%; position:absolute; left:0; top:0; z-index:99; }
.vclose{background: url("../images/close-but.png");width: 42px;height: 40px;display: inline-block;text-indent: -9999em;position: absolute;z-index: 100;cursor: pointer;right: 10px;top: 75px;background-size: 38px;background-repeat: no-repeat;}
#Home .vclose{display:none;}
.hero-video{display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 0;overflow: hidden;}
.hero-video video{opacity:1;width: 100%;height: 100%;transition: all 0.5s ease 0s;}
.spanish_text_width{width: 74%;}
.english {padding: 7px 15px 5px 7px;}
.home-container { width: 100%; margin: 0 auto; text-align: center; }
.ply-btn { background: url(../images/sysadmin-sprite.png) no-repeat -415px -5px; width: 100px; height: 100px; text-indent: -9999em; display: inline-block; margin-top: 18%; cursor: pointer; }
.ply-btn:hover{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(50%); }
.wv-text, h3, .pg-left p { color: #FFF; }
.hsad-text { color: #f6cd2b; }
.hsad-logo { background: url(../images/sysadmin-sprite.png) no-repeat left -120px; width: 500px; height: 150px; margin: 0 auto; display: inline-block; text-indent: -9999em; }
.pg-left, .pg-right { width: 100%; }
#quiz{ width: 100%; margin: 0% 0 0 0%;}
.alert_box{position: fixed;width: 50%;margin: 0 auto; text-align: center;background-image: url(../images/alert-div-bg.jpg);top: 40%;left: 25%;display: none; z-index: 1;}
.alert_buttons{background-color: #E3DDD2;display: block;position: relative;padding: 30px;}
.alert_p{padding: 25px 20px 25px 20px;font-family: 'EB Garamond', serif;font-size:25px;}
.close_but{position: absolute;top: -6%;left: 97%;width: 35px;}
.link_but{background: url(../images/external-link-symbol.png);background-position: center;background-repeat: no-repeat;background-size: 22px;background-position: 20px;background-color: green;width: 25%;position: absolute;left: 72%;top: 14%;padding: 10px;border: none;font-family: 'EB Garamond', serif;font-size: 20px;color: white;}
.link_but span{padding-left: 33px;}
.start_page{background: url(../images/quiz-bg.jpg);  background-size: 100% 100%; display: block;}
.question_page{background: url(../images/question-bg.png);  background-size: 100% 100%; display: none;}
.question_head{width: 40%;display: block;margin: 0 auto;padding: 90px 0px 50px 0;}
.quiz_head{width: 70%;display: block;margin: 0 auto;padding: 220px 0 20px 0px;}
.start_but{width: 23%;display: block;margin: 0 auto;padding: 50px 0 330px 0;cursor: pointer;} 
.question1{display: none;}
.question2{display: none;}
.question3{display: none;}
.question4{display: none;}
.question5{display: none;}
.character_posters{position: relative;width: 100%; display: none;-webkit-transition: all 200ms ease-in;margin: 0 auto;padding: 0 0 90px 0;text-align: center;min-height: 530px;}
.character_posters_img{width: 0%;display:inline-block;   }
.poster_p{padding: 15px 20px;text-align: center; color: white;font-weight: 100;}
.character_posters_img_open{-webkit-transition: all 1s ease-in;-webkit-transform: scale(1,1);-ms-transition: all 1s ease-in;-ms-transform: scale(1,1);-moz-transition: all 1s ease-in;-moz-transform: scale(1,1);   -o-transition: all 1s ease-in;-o-transform: scale(1,1);   transition: all 1s ease-in;transform: scale(1,1);}
.questions{width: 86%;margin: 0 auto;background: url(../images/ecards-bg.png);background-size: 100% 100%;background-repeat: no-repeat; font-size: 2em; font-family:  'EB Garamond', serif;text-align: center;padding: 25px; }
.answers{width: 46%;margin: 0 auto;background: url(../images/ecards-bg.png);background-size: 100% 100%;font-size: 1.6em;font-family: 'EB Garamond', serif;text-align: left;cursor: pointer;transition-duration: 0.4s;height: 80px;float: left;padding: 10px;margin-left: 26px;margin-bottom: 22px;margin-right: 0px;}
.option_image{    width: 11%; float: left;padding: 10px 5px;}
.answers_p{margin: 0;padding: 25px 18px;}
.second-line{padding: 10px 18px;}
.answers:hover{background-color: black;color:white;background-image: none;cursor: pointer;}
.answer_div{width:92%;margin: 0 auto;display: block;    padding: 40px 40px 500px 15px;background:none;}
.submit_but{margin: 0 auto;text-align: center;padding: 120px 0px 300px 0;cursor: pointer;}
.download_but{position: absolute;top: 79%;left: 69%;width: 14%;}
.play_again{position: absolute;top: 79%;left: 84%;width: 14%;}
.quiz_p{position: absolute;top: 88%;color: white;left: 30%;}
.hidden_div{display: none;}
#Game{background: #1e272c; overflow:hidden;}
.game-container{}
.full-container{}
.game-container .full-container{padding: 10px 20px;} 
.game-container .pg-left {  }
.meme-container .pg-left, .ecard-container .pg-left {}
.meme-img{ margin: 0 auto;text-align:center;}
.meme_caption{margin:0 auto;width:15%;padding: 60px 0px 0px 0px;}
.memes{padding: 30px 40px 40px 70px;margin:0 auto;width:15%;display: inline-block;text-align: right;color: #de9b36;}
.meme_temp{width: 100%;height: 185px;}
.meme_p { padding: 5px 9px 9px 9px;text-align: center; color: white;font-weight: 100;}
.cont-container { padding: 0px 0px 40px 0px; }
a.gif-contests img{margin:30% 0% 0% 115%; }
.cont-container-asides{width:100%; float:left; margin:5% 5% 0 0%;display:inline;}
.cont-container-asides:first-child{margin:15% 5% 0 0;}
.contest-connt{width:22%; float:left;}
.cont-container-asides a{width:100%; display:inline;}
.cont-container-asides p a{color:#333;}
.cont-container-asides img{}
.gif-contest2 img{margin-top:28%;}
.cont-container p { margin-bottom: 10px; }
h2 { font-size: 3em; padding: 10px 20px; color: #FFF; margin: 70px 0 0 0; }
.meme-container h2, #Game h2{ color:#333;}
h3 { font-size: 1.5em; font-weight: 400%; margin-bottom: 10px; }
.meme-container h3{ margin-top:10%; padding:20px 0;}
.info-container { background: #feb716; text-align: center; }
.info-container img { width: auto; height: 75%; margin: 3% auto; }
.info-container h2 { margin: 70px 0 0 0; }
#Sysadmemes{ background: url(../images/meme-bg.jpg);background-repeat: no-repeat; width: 100%;margin: 0 auto;background-size: 100% 100%;text-align: center;}
.meme_heading{text-align:center; margin:0 auto;width:60%;display: block;padding-top: 50px;}
#Ecards{ background: url(../images/ecards-bg.png);background-repeat: no-repeat; width: 100%;margin: 0 auto;background-size: 100% 100%;text-align: center;}
#Pimg{width: 40%;margin: 0 auto; text-align: center; cursor: url('https://images.duckduckgo.com/iu/?u=http%3A%2F%2Fimg3.wikia.nocookie.net%2F__cb20141002023849%2Fwikiaglobal%2Fimages%2Fb%2Fbd%2FWikia-Visualization-Main%2Cxxspencerxx.png&f=1'), auto;}
.ecard_heading{width: 50%; padding: 40px 0;}
.ecard_thumbnail{width: 100%;}
.ecard_p{padding:20px 20px; text-align:center;}
.ecard-list{ margin: 0 auto;text-align: center;width: 70%;}
.ecard-list li { width: 17%;margin: 10px 10px; text-align: center; position:relative; }
.ecard_fullsize { width: 70%; height: auto; }
.ecard-list li .ecard-thumb{ cursor:pointer; position:relative;}
.ecard-list li:first-child .ecard-thumb .mask{display:none;}
.green_div{    background: #4ADC5F;padding: 38px 0px;width: 94%;position: absolute;top: 2%;opacity: 0.6;left: 3%;}
.ecard-list li img.ecard-active{box-shadow:1px 1px 8px #fff; opacity:1;border:2px solid #de9b36;}
.ecard-list li span.mask{ background: rgba(0,0,0,.51) url(../images/../images/search.png) no-repeat; text-indent:-9999em; position:absolute; width:40px;background-size: 25px;
background-position: center; height:40px; top:28%; left:40%; opacity:1; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-border-radius:500px;-moz-border-radius:500px;-webkit-border-radius:500px;-o-border-radius:500px;-ms-border-radius:500px;border-radius:500px; cursor:pointer;}
.ecard-list li:hover span.mask{position: absolute;opacity:1; width:40px; height:40px; top: 29%;left: 40%;}
.ecard-list li img{ border:3px solid rgba(255,255,255,0);-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity: 0.6;width: 100%;}
.ecard-list li:hover img{border:3px solid #de9b36;}
.prv-ecard { text-align: center; position:relative; }
.prv-ecard .pitstop-loader{ display: none; position:absolute; left:49%; top:49%;}
.posters-container{margin: 0 auto;text-align: center;}
.posters-container-img{width: 50%;}
#Ecards .pg-right h2 { font-size: 1.8em; color: #333; margin-bottom: 5%; }
.send-ecards { background: #de9b36; color: black; font-size: 2.3em; padding: 20px; display: inline-block; margin-top: 4%; font-family: 'EB Garamond', serif; text-transform: uppercase;}
footer { background: #000; padding-top: 8px; color: #FFF; font-size: 1em; width: 100%; display: block; }
.fot-logo { background: url(../images/sysadmin-sprite.png) no-repeat -9px -67px; width: 42px;height: 20px; display: inline-block; text-indent: -9999em; }
.icon-fb, .icon-tw, .icon-yt { background: url(../images/sysadmin-sprite.png) no-repeat -250px -70px; width: 20px; height: 20px; display: inline-block; text-indent: -9999em;}
.icon-tw { background-position: -275px -70px; }
.icon-yt { background-position: -300px -70px; }
.ecards-popup{ position:fixed; top:13%; left:10%; width:80%; background:#000; border:3px solid #feb716;  z-index:111; display:none; font-family: 'EB Garamond', serif;}
.ecards-popup-container{padding:10px; height:500px; overflow-y:auto;}
.ecards-popup h3{ background:#555; padding:15px 10px; color:#FFF; font-size:2em;font-family: 'EB Garamond', serif;}
.ecards-popup .fl{ width:50%; text-align:center; vertical-align: middle; min-height:400px;}
.ecards-popup .fl img{ width:60%; height:auto; margin-top:20%;}
.ecards-popup .vclose{ top:8px; right:10px; }
.footer-right-logo{padding-right:15px;}
.bannerflex { width: 100%; margin: 86px auto 0; background: #efefef }
.flexMobile { display: none }
.flexslider { margin: 0 auto; position: relative; overflow: hidden; max-height: 900px; position: relative; display: block; width: 1000px; max-width: 100%; }
.flexslider .flexBnrslides { padding: 0!important; margin: 0!important }
.flexslider .flexBnrslides > li { display: none; -webkit-backface-visibility: hidden; float: left }
.flexslider .flexBnrslides > li.flex-active-slide { -webkit-backface-visibility: visible }
.flexslider .flexBnrslides > li:first-child { display: block }
.vertical_poster { max-width: 100%; display: block; margin: 0 auto ; text-align:center; padding-top:5%; width:60%;  }
.flexslider .flexBnrslides > li>a { display: block; max-width: 100%; min-height: 675px; }
.flexslider .flexBnrslides > li div a { display: inline-block; max-width: 100%; }
.flex-pauseplay span { text-transform: capitalize }
.flex-control-nav { position: absolute; text-align: center; right: 0; left: 0; bottom: 0px; z-index: 90 }
.flex-control-nav li { margin: 0 3px; display: inline-block }
.flex-control-nav li a { background: #ccc; cursor: pointer; border-radius: 5px; height: 10px; width: 10px; display: block }
.flex-control-nav li a.flex-active { background: #de9b36; color: #FFF }
.flex-control-nav li a:hover { text-decoration: none }
.flex-direction-nav { display: block }
.flex-direction-nav li a {padding: 43px 0px 43px 0px; width: 65px; display: block; color: transparent; -webkit-transition: all .3s ease; position: absolute; top: 50%; margin-top: -20px; opacity: 0 }
.flex-direction-nav li a.flex-prev { background: url(../images/posters-prew-but.png); background-size: contain;background-repeat: no-repeat;}
.flex-direction-nav li a.flex-next { background: url(../images/posters-next-but.png); background-size: contain;background-repeat: no-repeat; }
.flexslider:hover a.flex-prev { opacity: 1; left: 5px }
.flexslider:hover a.flex-next { opacity: 1; right: 5px }
.newbnrtxt { position: absolute; z-index: 90; display: block; transition: all 0.2s ease-in-out 0s; text-align: left; color: #000; font-size: 34px; font-weight: 300; line-height: 50px; padding: 0 }
.bnr-dwn, .bnr-btn { display: inline-block; margin: 0 }
.bnr-dwn a, .bnr-btn a { background: #ED1C24; color: #fff; text-transform: none; font-weight: 300; padding: 10px 20px; font-size: 34px; display: inline-block; line-height: 34px; transition: all 0.2s ease-in 0s; border-radius: 5px; display: inline-block!important }
.bnr-btn a { background: #424f56 }
.bnr-dwn a:hover, .bnr-btn a:hover { text-decoration: none; background: #df200f }
.bnr-btn a:hover { background: #394348 }
.terms-list{ list-style: inside decimal; color:#FFF; padding:  40px 120px 10px 120px;text-align: left;} 
.terms_heading{margin: 0 auto; width: 35%;padding-top: 50px;}
.terms-list li{ padding-bottom:30px;}
.info-button{ background:url(../images/info-button.jpg) no-repeat left top; color: #000000; font-size:17px; padding:10px 10px 10px 20px; position:absolute; font-family: 'EB Garamond', serif; text-transform: uppercase;font-size: 21px;top:70%;right: 0%;}
.terms_down{display: block;width: 100%;margin: 0 auto;}
.main-menu li.ch-language{left: 89%;width: 16%;}
.read-more-state { display: none;}
.read-more-states { display: none;}
.read-more-target {display: none;font-size: 1.4em;transition: .25s ease;}
.read-more-states:checked ~ .read-more-wrap .read-more-target {opacity: 1;font-size: 1.4em;max-height: 999em;}
.read-more-state:checked ~ .read-more-wrap .read-more-target {opacity: 1;font-size: 1.4em;max-height: 999em;}
.read-more-state ~ .read-more-trigger:before {content: 'Read more...';}
.read-more-state:checked ~ .read-more-trigger:before {content: 'Show less...';}
.read-more-states ~ .read-more-trigger:before {content: 'Leer más...';}
.read-more-states:checked ~ .read-more-trigger:before {content: 'Mostrar menos...';}
.read-more-trigger {cursor: pointer;font-family: 'EB Garamond', serif;display: inline-block;padding: 0 .5em;color: black;font-size: 1.7em;line-height: 2;padding-right: 1058px;}
.read-more-trigger:hover{text-decoration: underline;cursor: pointer;}
.terms-list-li{font-family: 'EB Garamond', serif;color:#000000;font-size: 1.4em;padding: 10px 20px;}
.sublines{  font-family: 'EB Garamond', serif;color:#000000;font-size: 1.4em;   padding: 5px 90px;}

@media screen and (min-width: 1600px) {
	
	.header_container{width: 80%;}
	#index {width: 80%;}
	.main-menu{width: 57%;}
	.spanish_text_width {width: 67%;}
	.main-menu li.active a{padding: 34px 18px;}
	.main-menu li a:hover{padding: 34px 18px;}
	.main-menu li a{padding: 34px 18px;}
	.main-menu::after {padding: 46px 15px;}
	.option_image{width: 9%;}
	.character_posters {min-height: 595px;}
	.flexslider .flexBnrslides > li > a {min-height: 715px;}
	.meme_temp {height: 215px;}
	.read-more-trigger{padding-right: 1155px;}
	.spanish_text_width::after { width: 12%;padding: 46px 17px;}
	.language_li li a {padding: 24px 0px;}
	.language_li{padding: 10px 22px 9px 17px;}
	.english{padding: 11px 15px 9px 12px;}
	
}
@media screen and (min-width: 1300px) and (max-width: 1685px) {
	#index{width:100%;margin: 0 auto;}
	.header_container{width: 100%;}
	.logo {width: 12%;}
   
	.spanish_text_width {width: 71%;}
	.flexslider .flexBnrslides > li > a {min-height: 780px;}
	
 }
@media screen and (max-width: 1280px) {
	#index{width:100%;margin: 0 auto;}
	#Home{min-height: 655px;}
	.header_container{width: 100%; margin: 0 auto;position: relative;}
	.logo {width: 13.8%;}
	#Pimg{width: 45%;}
	.cont-container{padding: 0;}
	.ecard_heading{padding: 20px 0;}
	.quiz_head{padding: 120px 0 20px 0;}
	.start_but {padding: 40px 0 300px 0;}
	.question_page{min-height: 540px;}
	.question_head{padding: 40px 0;}
	.answer_div{width: 90%;}
	.answers{padding: 0px;margin-left: 40px;margin-bottom: 22px;margin-right: 0px;}
	.submit_but{padding: 120px 0 350px 0;}
	.alert_box {width: 53%;left: 23%;}
	.character_posters{min-height: 500px;}
	.main-menu{width: 66%;}
	.language_li{left: 87%;padding: 7px 7px 4px 8px;}
	.ecard-list{width: 67%;}
	.questions {width: 82%;}
	.landscape_poster {padding-top: 15%;}
	#sysadmin_personalities{min-height: 510px;}
	#Home{padding: 35px 0 0 0;}
	.spanish_text_width::after {width: 15.6%;padding: 42px 8px;}
	.link_but span{padding-left: 39px;}
	.link_but{padding: 3px;border: none;font-size: 19px;}
	.sysadmin_heading{padding: 0;}
	.vertical_poster{width: 48%;}
	.flexslider .flexBnrslides > li > a {min-height: 495px;}
	.info-button {font-size: 18px;top: 70%;}
	.meme_heading {padding-top: 25px;}
	.meme_caption{padding: 30px 0 0 0;}
	.send-ecards {font-size: 1.6em;padding: 10px;margin-top: 2%; }
	.memes {padding: 20px 40px;}
	.terms-list {padding: 0px 120px;}
	#Terms ol.terms-list li {font-size: 1.2em;padding: 3px 20px;}
	.spanish_text_width{width: 76%;font-size: 13px;}
	.read-more-trigger{padding-right: 920px}
	.english {
    padding: 7px 15px 7px 7px;
    left: 86%;
}	
	}
	
@media screen and (max-width: 1200px) {
	.main-menu{width: 70%;}
	.main-menu:after{padding: 40px 1px;}
	.main-menu li.active a{padding: 28px 18px;}
	.language_li li a {padding: 23px 4px;}
	.spanish_text_width{width: 79%;}
	.english {
    padding: 7px 15px 3px 2px;
    left: 87%;

	
}
@media screen and (max-width: 1050px) {
	#index{width:100%;margin: 0 auto;}
	.header_container{width: 100%; margin: 0 auto;position: relative;}
	.main-menu li{padding: 0px 0px;}
	.logo {margin:11px 0px 2px 10px;}
	#Home{padding: 30px 0 0 0;}
	.language_li{left: 88%;padding: 8px 11px 7px 12px;font-size: 0.9em;}
	.main-menu{width:65%;}
	.language_li li a{padding: 18px 2px;font-size: 0.9em;}
	.main-menu li.active a{padding: 26px 10px;font-size: 0.9em;}
	.main-menu li a{padding: 26px 10px;font-size: 0.9em;}
	.main-menu li a:hover{text-align: center;padding: 26px 10px;}
	.main-menu li a:active{}
	.main-menu::after {position: absolute;right: 0px;top: 0px;width: 110px;padding: 31px 0px;}
	header{height: 62px;}
	.main-menu li.ch-language{left: 89%;width: 16%;}
	#sysadmin_personalities{min-height: 512px;padding: 20px 0px 90px 0px;}
	.info-button{font-size: 14px;top:74%;}
	.send-ecards{font-size: 1.6em;padding: 10px;}
	.cont-container{padding: 10px 0px;}
	.ecard-list{width: 90%;}
	.ecard-list li:hover span.mask{width: 25px;height: 25px;}
	.flexslider .flexBnrslides > li > a {min-height: 355px;}
	.vertical_poster{width: 60%;}
	.landscape_poster{width: 60%;}
	footer{padding-top: 8px;}
	.questions{font-size: 1.3em;padding: 15px;}
	.start_but{padding: 40px 0 210px 0;} 
	.answer_div{width:89%;padding: 160px 0px;}
	.answers{width: 47%; padding: 10px 1px;font-size:1.2em;}
	.quiz_head{padding: 120px 0px 20px 0;}
	.meme_temp{height: 130px;}
	#Terms h2, #Terms ol.terms-list li{ font-size: 1.2em;padding: 5px 20px;}
	.terms-list{padding: 40px 0px 90px 0;}
	.flex-direction-nav li a{width: 35px;}
	
}

@media screen and (max-width: 980px) {
	#Home {min-height: 505px;}
	#index{width:100%;margin: 0 auto;}
	.header_container{width: 100%; margin: 0 auto;position: relative;}
	.main-menu{width: 65%;}
	.option_image{ padding: 7px 8px;}
	.answers{height: 46px; padding: 5px 0;}
	.answers_p{padding: 3px 0;}
	.personality_type{width: 50%;}
	.submit_but{padding: 85px 0px 270px 0}
	.character_posters{width: 100%;padding: 160px 0 120px 0;}
	.download_but{position: absolute;top: 75%;left: 106%;width: 38%;}
	.play_again{position: absolute;top: 75%;left: 148%;width: 38%;}
	.alert_box {width: 70%;left: 16%;}
}

@media screen and (max-width: 800px) {
	#index{width:100%;margin: 0 auto;}
	#Home {min-height: 413px;}
	.header_container{ margin: 0 auto;position: relative;}
	.ecard-list li span.mask{background-size: 16px;background-position: center;}
	.ecard-list li:hover span.mask{width: 25px;height: 25px;}
	.start_but{padding: 40px 0 160px 0;}
	.answers {height: 50px;padding: 11px 0 0 0;}
	.option_image {padding: 0 5px;}
	.answers_p{padding: 0;}
	#sysadmin_personalities{min-height: 400px;}
	.info-button{font-size: 12px;top: 68%;}
	.info-button {padding: 5px 10px 5px 10px;}
	.main-menu {width: 80%;font-size: 0.8em;}
	.main-menu li a:hover{padding: 21px 10px;}
	.main-menu li.active a{padding: 21px 10px;}
	.main-menu li a{padding: 21px 10px;}
	.english {padding: 0;}
	.english li a{padding: 0;}
	.ecard_heading{padding: 20px 0;}
	.ecard-list{width: 65%;}
	.ecard-list li{width: 20%;}
	.send-ecards{margin-top: 7px; }
}
@media screen and (max-width: 620px) {
	#index{width:100%;margin: 0 auto;}
	.header_container{ margin: 0 auto;position: relative;}
		.language_li li {display: none;}
		.main-menu { display: none;}
		.dropbtn {background:none;color: white;padding: 15px 0px 6px 0px !important;font-size: 16px;border: none;cursor: pointer;}
		.dropbtn img{width:70%;}
		.dropbtn:hover, .dropbtn:focus {background-color: #Febc16;}
		.dropbtn:active {border: none;}
		.dropdown {float: right;position: relative;display: inline-block;}
		.dropdown-content {display: none;position: absolute;background: url(../images/ecards-bg.png);background-size: 100% 100%;background-repeat: no-repeat;min-width: 557px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);right: 0;z-index: 1;}
		.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
		.dropdown a:hover {background-color: black;color:white;}
		.show {display:block;}
		.start_page{ display: block;}
		.question_page{ display: none;}
		.question_head{width: 45%;padding: 35px 0 35px 0px;}
		.quiz_head{width: 70%;padding: 75px 0 0px 0px;}
		.start_but{width: 23%;padding: 40px 0 110px 0;} 
		.questions{width: 88%; font-size: 1em; text-align: center;padding: 20px 6px 20px 6px;  line-height: 16px; }
		.answers{width: 42%;font-size: 0.9em;text-align: center;padding: 7px 14px;line-height: 15px;}
		.answers:hover{background-color: black;color:white;background: none;}
		.answer_div{width: 90%;display: block;padding: 230px 0px 0 0;background:none;position: relative;}
		.sysadmin_heading{width: 65%;margin: 0 auto;text-align: center;    padding: 20px 0px 0px 0px}
		#sysadmin_personalities{padding: 20px 0px 40px 0;}
		.flex-direction-nav li a {padding: 21px 0px 42px 0px; width: 33px; display: block; color: transparent; -webkit-transition: all .3s ease; position: absolute; top: 50%; margin-top: -12px;opacity:0}	
		.send-ecards { background: #de9b36; color: black; font-size: 1em; padding: 20px; display: inline-block; margin-top: 4%;text-transform: uppercase; }
		.meme_heading{text-align:center; margin:0 auto;width:80%;display: block;padding-top: 50px;}
		.meme_caption{margin:0 auto;width:25%;padding: 35px 0px 0px 0px;}
		.send-ecards { background: #de9b36; color: black; font-size: 1.5em; padding: 5px; display: inline-block; margin-top: 3%; text-transform: uppercase; }
		.memes{padding: 40px 25px 30px 0;width:17%;}
		.ecard_heading { width: 60%; padding: 25px 0;}
		.ecard-list li { width: 14%;margin: 0px 3px 13px 3px;}
		.ecard_p { padding: 15px 20px;text-align: center;}
		.ecard-list li span.mask{ text-indent:-9999em; position:absolute; width:18px; height:18px; top:32%; left:47%; }
		.ecard-list{width:130%;}
		.terms-list{padding: 10px 0 0 0;} 
		.cont-container{padding: 0;margin: 0px 0px 0 100px;}
		.info-button{  top:83%;     font-size: .7em;  padding: 0px 6px;  }
}
@media screen and (max-width: 480px) {
	
	#index{width:90%;margin: 0 auto;}
	#Home {min-height: 170px;}
	.header_container{width: 90%; margin: 0 auto;position: relative;}
	.logo {width: 25%;}
	.dropdown-content{min-width: 288px;}
	.dropbtn img{width:65%;}
	.dropbtn{padding: 13px 0px 8px 0px !important;width: 50px;}
	.ecard-list li span.mask{background-size: 11px;background-position: center;}
	.ecard-list li:hover span.mask {width: 22px;height: 22px;top: 30%;left: 43%;}
	.send-ecards, #Ecards .pg-right h2 {font-size: 1em !important;}
	.meme_temp {height: 55px;vertical-align: top;}
	.memes p{font-size: 0.4em !important;padding:0;line-height: 1em;}
	.language_li{padding: 0;}
	/*.ecard-list li img{width: 100%;}*/
	#Home{padding: 50px 0 0 0;}
	question_page {min-height: 315px;}
	.start_but {width: 25%;padding: 20px 0 90px 0;}
	.quiz_head{width: 70%;padding: 100px 0 0px 0px;}
	.question_head{width: 45%;padding: 40px 0 20px 0px;}
	.questions{font-size: 0.8em;text-align: center;padding: 4px;line-height: 15px;width: 81%;}
	.question_page {min-height: 300px;}
	.answer_div{padding: 0px 0px 100px 0;}
	.answers{width: 92%;font-size: 0.5em;text-align: left;padding:0;height: 23px;margin: 6px 0 0 12px;}
	.answers_p{padding: 0;}
	.option_image{ padding:2px;width:5%;}
	.submit_but{padding: 85px 0px 120px 0;}
	.character_posters{width: 100%;padding:0;min-height: 0;}
	.download_but {position: absolute;top: 105%;left: 17%;width: 30%;}
	.play_again {position: absolute;top: 105%;left: 54%;width: 30%;}
	.alert_p {padding: 10px 20px 10px 20px;font-size: 13px;line-height: 13px;}
	.sysadmin_heading{padding: 0px;}
	.poster_p {font-size: 5px;}
	.alert_buttons{padding: 22px;}
	.alert_box{width: 89%;left: 6%;}
	.close_but{top: -15%;left: 94%;}
	.link_but{width: 40%;left: 53%;top: 14%;padding: 7px;font-size: 13px;}
	#sysadmin_personalities{min-height: 175px;}
	.flex-control-nav li a{height: 5px;width: 5px;}
	.flex-control-nav {position: absolute;top: 88%;}
	.flex-direction-nav li a{width: 22px;}
	.meme_heading{padding-top: 16px;}
	.meme_p{font-size: 0.5em;padding: 5px 5px 12px 6px;line-height: 10px;}
	.meme_caption{padding: 15px 0px 0px 0px;}
	.send-ecards{padding: 3px;}
	.memes{    padding: 2px 10px 15px 0;}
	.ecard_heading{padding:15px 0 5px 0px;}
	.flexslider .flexBnrslides > li > a {min-height: 131px;}
	#Pimg {width: 65%;}
	.info-button{top: 83%;font-size: .7em;left: 0%;text-align: center;margin: 0 auto;width: 60%;}
	.send-ecards{padding: 1px 11px;}
	.ecard_p {padding: 0px 0px 5px 0;text-align: center;font-size: 0.3em; line-height: 10px;}
	.ecard-list{width: 75%;}
	.cont-container{margin: 0}
	.ecard-list li{width:47%;margin: 0px 4px 0px 0px;}
	#Terms h2, #Terms ol.terms-list li{font-size: 0.5em !important;}
	footer{font-size: 0.6em;padding-top: 2px;}
	.send-ecards, #Ecards .pg-right h2 {font-size: 0.8em !important;}
	.terms_heading {margin: 0 auto;width: 50%;padding-top: 20px;}
	#Terms ol.terms-list li {font-family: 'EB Garamond', serif;color: #000000;font-size: 0.5em;padding: 0px 30px;line-height: 12px;}
	.footer-right-logo {padding-right: 10px;}
	.read-more-trigger {font-size: 0.6em;line-height: 9px;padding-right: 238px;}
}