@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,300);html,body{font-family:'Lato',sans-serif;color:#000;font-size:1em;line-height:1.4;margin:0;padding:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}.field-label{display:none}textarea{resize:vertical}.hidden{display:none !important}.center{text-align:center}p{font-size:18px;font-weight:200}.cta{color:#b71727;font-weight:600;text-transform:uppercase;border-bottom:2px solid #b71727;letter-spacing:1px;font-size:16px;line-height:18px;padding:0 0 2px 0;float:right;text-decoration:none}.cta:hover{color:#001d71;border-bottom:2px solid #001d71}h2{color:#000;font-size:32px;line-height:38px;letter-spacing:2px}h3{color:#000;font-size:28px;line-height:33px;text-transform:uppercase;font-weight:100;letter-spacing:2px}#menu{z-index:3;position:absolute;top:28px;right:2.5%;font-size:24px;letter-spacing:2px;text-transform:uppercase;color:#fff;text-decoration:none;z-index:10000;text-shadow:1px 1px 6px #000}nav{display:none;position:absolute;top:0;right:0;background:#cacaca;width:auto;padding:80px 5%;height:100vh;margin:0 auto;z-index:100}nav a{font-size:30px;margin:30px 0;display:block;color:#000;text-decoration:none;text-transform:uppercase}nav a.cta{float:none;background:#b71727;color:#fff;font-size:20px;padding:12px 7%;display:inline-block;border-bottom:0}nav a.cta:hover{color:#fff;background:#b71727;border-bottom:0}header{display:block;clear:both;overflow:hidden;position:relative;background:#b71727 url(../../themes/leonardo/img/bg.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;width:90%;padding:120px 5%}header#home{background:#000 url(../../themes/leonardo/img/airplane-leonardo.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header#home h1,header#home h2,header#home h3{text-shadow:1px 1px 8px #000}header #mos-logo{position:absolute;width:30%;top:35px;left:5%;display:block;min-width:150px;max-width:350px}header #davinci-sketch{margin-top:20px;width:130px;display:inline-block}header h1{color:#fff;position:relative;font-size:50px;line-height:52px;margin:60px 0 0 0;padding:0 0 10px 0;text-transform:uppercase;letter-spacing:4px;border-bottom:5px solid #fff}header h2{color:#fff;line-height:35px}header h3{color:#fff;letter-spacing:1px;width:65%;text-transform:none}header h3 a{color:#fff;text-transform:uppercase;text-decoration:none}header #cta{float:right;background:#b71727;color:#fff;font-size:18px;font-weight:600;padding:10px 2%;text-transform:uppercase;text-decoration:none;letter-spacing:1px;display:inline-block}header #cta:hover{color:#fff;background:#b71727}section{position:relative;display:block;width:90%;padding:40px 5%;clear:both;overflow:hidden}section#introduction{width:95%;padding:40px 0 0 5%}section#introduction h2{color:#000;text-transform:uppercase}section#introduction #intro{color:#000;background:rgba(255,255,255,0.5);width:42%;padding:0 0 0 3%;position:relative;top:-40px;right:5%;float:right;clear:both;overflow:hidden}section#introduction #intro .cta{margin:0 0 20px 0}section#introduction img{width:55%}section#tiles{width:94%;padding:20px 3%}section#tiles h2{padding:0 2%}section#tiles .tile{width:29%;padding:20px 0 0 0;margin:0px 2%;float:left}section#tiles .tile p{min-height:6.25em;line-height:1.25em}section#tiles .tile a{text-decoration:none}section#tiles .tile a .img{background:#131f37 url(../../themes/leonardo/img/bg_sm.jpg) center no-repeat;min-height:200px;width:100%}section#tiles .tile a h3{color:#fff;padding:80px 0;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}section#tiles .tile h2{text-align:center;text-transform:uppercase}section#tiles .tile .cta{color:#b71727;border-bottom-color:#b71727;float:none}section#tiles .tile .cta:hover{color:#001d71;border-bottom-color:#001d71}footer{text-align:center;background:#b71727;width:100%;padding:40px 0;margin:80px 0 0 0;letter-spacing:1px;font-weight:200;color:#fff;clear:both;overflow:hidden}footer #copyright{float:left;width:55%;padding:0 0 0 5%;margin:0;text-align:left}footer #copyright p{font-weight:bold}footer #contact{float:right;width:30%;padding:0 5%;margin:0;text-align:right}footer #contact span{display:block}footer #contact a{font-size:18px;font-weight:bold;color:#fff;line-height:28px}footer #contact a#email{font-weight:normal;font-size:16px;line-height:16px}@media (max-width:950px){nav a{font-weight:600;font-size:26px;margin:27px 0}header{padding:100px 5%}header #davinci-sketch{width:100px}header h1{position:relative;font-size:40px;line-height:42px;top:0;left:0;margin:20px 0 0 0;letter-spacing:2px}header h2{font-size:26px;line-height:28px}header h3{font-size:22px;line-height:26px;width:100%}header #cta{margin:10px 0;position:relative;display:inline-block;float:none}section{width:90%;padding:15px 5%}section#introduction{width:90%;padding:40px 5%}section#introduction #intro{background:#fff;color:#000;width:100%;padding:0;position:relative;top:0px;right:0;float:none}section#introduction #intro .cta{color:#b71727;border-bottom-color:#b71727}section#introduction img{width:100%;margin:0 0 20px 0}section#tiles{width:90%;padding:0px 5%}section#tiles .tile{display:block;width:100%;margin:0 0 20px 0;padding:0;float:none;clear:both;overflow:hidden}section#tiles .tile p{min-height:0px}section#tiles .tile .cta{float:right;display:inline-block;position:relative}footer #copyright{float:none;width:90%;padding:0 5% 30px 5%;text-align:center}footer #contact{float:none;width:90%;padding:0 5% 10px 5%;text-align:center}}@media (max-width:550px){nav{top:0;right:0;width:80%;padding:80px 10%}nav a{margin:23px 0}header{padding:50px 5%}section{width:90%;padding:5px 5%}section#introduction{padding:20px 5% 5px 5%}section#introduction .cta{float:none;display:inline-block}section#tiles .tile .cta{float:none;text-align:center}footer{margin:40px 0 0 0}}@media print{*,*:before,*:after,*:first-letter,*:first-line{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}body *{visibility:hidden}#activity *{visibility:visible}#activity{padding:0;margin:0;position:absolute;left:0;top:0}}#secret-message{background:#cacaca;float:left;width:100%;clear:both;overflow:hidden;margin:20px 0 60px 0}#secret-message div{float:left;width:45%;padding:40px 5% 40px 0;overflow:hidden}#secret-message div:first-child{width:40%;padding:40px 5%}#secret-message div textarea{color:#cacaca;padding:20px 5%;width:90%;height:85px;font-size:18px}#secret-message div #mirror{width:85%;min-height:140px;padding:15px 7.5%;margin:0;border-right:3px dashed gray;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);text-align:right;font-size:20px}#activity-container{width:100%;margin:30px auto}#activity-container #options{width:90%;margin:0 auto}#activity-container #options p{text-align:center;margin:40px 0}#activity-container #options ul{width:80%;margin:0 10%;padding:0}#activity-container #options ul li{float:left;list-style-type:none;display:inline-block;text-align:center;width:15%;padding:10px 2.5%;margin:10px 2%;font-size:12px}#activity-container #options ul li:hover{cursor:pointer}#activity-container #invention-buttons #previous-invention{float:left}#activity-container #invention-buttons #next-invention{float:right}#activity-container .hidden-invention-container{display:none}#activity-container .incorrect-feedback p{text-align:center}#activity-container .incorrect-feedback p #red-text{color:red;font-weight:bold}#activity-container #green-text{color:green;font-weight:bold}#activity-container .answer-feedback{width:70%;margin:0 auto}#activity-container .button-inactive{text-transform:uppercase;letter-spacing:1px;background-color:#fff;border:1px solid #001d71;color:#001d71}#activity-container .button-active{text-transform:uppercase;letter-spacing:1px;background-color:#001d71;border:1px solid #fff;color:#fff}.flip-container{perspective:100%;transform-style:preserve-3d}.flip-container,.front,.back{width:500px;height:350px;margin:0 auto}.flip-container img{width:500px;height:350px}.flipper{transition:0.6s;transform-style:preserve-3d;position:relative}.front,.back{backface-visibility:hidden;transition:0.6s;transform-style:preserve-3d;display:block;width:500px;height:350px;position:absolute;top:0;left:0}.front{z-index:2;transform:rotateY(0deg)}.back{transform:rotateY(-180deg)}.show-machine-back{transform:rotateY(180deg);-webkit-transition:all 8s ease;-moz-transition:all 8s ease;-o-transition:all 8s ease;-ms-transition:all 8s ease;transition:all 8s ease}.show-machine-front{transform:rotateY(360deg);-webkit-transition:all 8s ease;-moz-transition:all 8s ease;-o-transition:all 8s ease;-ms-transition:all 8s ease;transition:all 8s ease}#invention-buttons{margin-top:30px}.shape{animation:dash 20s linear forwards;animation-delay:0;stroke-dasharray:10000;stroke-dashoffset:10000;stroke:#FFD700;stroke-width:6;fill:#FFFFFF;fill-opacity:0.0}.dotted-shape{animation:5s linear alternate;animation-delay:0;stroke-dasharray:5;stroke-dashoffset:10000;stroke:#FFD700;stroke-width:2;fill:#FFFFFF;fill-opacity:0.0}.container{position:absolute;top:0px;left:0px}#golden-container,.golden-container{position:absolute}#gs-control-panel{z-index:20;background:white none repeat scroll 0% 0%;border:1px solid black;padding:5%;position:fixed;margin-left:55%;width:30%}@keyframes dash{to{stroke-dashoffset:0}}#mona-lisa-image{width:30%}#last-supper-image{width:60%}#vitruvian-man-image{width:40%}#annunciation-image{width:60%}.image{display:inline-block}.link-block{width:30%;display:inline-block;vertical-align:top}.link{width:50%;margin:20px;padding:10px;background-color:gray}#painting-link-list{margin:5% 20%}.painting-link{margin:20px;padding:10px;display:inline-block;text-transform:capitalize}.next-painting-link{float:right}.previous-painting-link{float:left}.painting-container{margin:5%;display:none}.painting-container-selected{display:block}@media screen and (max-width:800px){.flip-container,.front,.back{max-width:100%;margin:0 auto}.flip-container img{max-width:100%;height:auto}.front,.back{max-width:100%;height:auto}#options{width:100% !important}#options ul{width:100% !important;margin:0 !important}#options ul li{width:40% !important;padding:10px 2.5%;margin:10px 2%}.answer-feedback{width:100% !important}}@media screen and (max-width:550px){.flip-container,.front,.back{height:300px !important}}@media screen and (max-width:450px){.flip-container,.front,.back{height:250px !important}}
