@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);@font-face{font-weight:normal;font-style:normal;font-family:'codropsicons';src:url("../fonts/codropsicons/codropsicons.eot");src:url("../fonts/codropsicons/codropsicons.eot-#iefix") format('embedded-opentype'),url("../fonts/codropsicons/codropsicons.woff") format('woff'),url("../fonts/codropsicons/codropsicons.ttf") format('truetype'),url("../fonts/codropsicons/codropsicons.svg#codropsicons") format('svg')}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:before,.clearfix:after{content:'';display:table}.clearfix:after{clear:both}body{background:#fff;color:#FFFFFF;font-weight:400;font-size:1em;line-height:1.25;font-family:'Raleway',Calibri,Arial,sans-serif}a,button{outline:none}a{color:#ffffff;text-decoration:none}a:hover,a:focus{color:#ffffff}section{padding:1em;text-align:center}p.ref{text-align:center;padding:2em 1em}.codrops-header{margin:0 auto;padding:2em;text-align:center;max-width:900px}.codrops-header h1{margin:0;font-size:4.5em;line-height:1;font-weight:200}.codrops-header h1 span{display:block;padding:1em 0 1.5em;font-size:36%;color:#95a5a6;line-height:1.4}.codrops-top{width:100%;text-transform:uppercase;font-weight:700;font-size:0.69em;text-align:center;padding:3em 0}.codrops-top a{display:inline-block;padding:1.5em;text-decoration:none;letter-spacing:1px}.codrops-icon:before{margin:0 4px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'codropsicons';line-height:1;speak:none;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.codrops-demos{padding-top:1em;font-size:0.8em;text-align:center}.codrops-demos a{display:inline-block;margin:0.35em 0.1em;padding:0.5em 1.2em;outline:none;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:2px;font-size:110%;border:2px solid transparent}.codrops-demos a:hover,.codrops-demos a.current-demo{border-color:#383a3c}.codrops-demos h3{margin:0;padding:1em 0 0.5em 0;font-size:0.9em;float:left;min-width:90px;clear:left}.codrops-demos div:not(:first-child) h3{padding-top:2em}.codrops-demos a:hover,.codrops-demos a.current-demo{color:inherit;border-color:initial}.related{padding:10em 0}.related p{font-size:1.5em}.related > a{display:inline-block;text-align:center;margin:20px 10px;padding:25px;vertical-align:middle}.related a img{max-width:100%;opacity:0.8;border-radius:10px}.related a:hover img,.related a:active img{opacity:1}.related a h3{margin:0;min-height:63px;padding:0.5em 0 0.3em;max-width:300px;text-align:center;font-weight:400;font-size:1em}@media screen and (max-width:40em){.codrops-header h1{font-size:2.5em}}
.large-header{position:relative;width:100%;background:#333;overflow:hidden;background-size:cover;background-position:center center;z-index:1}.demo-1 .large-header{background-image:url("../img/bg.jpg")}.demo-2 .large-header{background-image:url("../img/bg.jpg");background-position:center bottom}.demo-3 .large-header{background:#7f8c8d}.demo-4 .large-header{background:#f9f1e9}.main-title{position:absolute;margin:0;padding:0;color:#04ffee;text-align:center;top:40%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.demo-1 .main-title,.demo-3 .main-title{text-transform:uppercase;font-size:4.2em;letter-spacing:0.1em}.demo-2 .main-title{font-family:'Clicker Script',cursive;font-weight:normal;font-size:8em;padding-left:10px;text-shadow:2px 2px 4px rgba(0,0,0,0.4)}.demo-2 .main-title::before{content:'';width:20vw;height:20vw;min-width:3.5em;min-height:3.5em;background:url("../img/deco.svg") no-repeat center center;background-size:cover;position:absolute;top:50%;left:50%;border-radius:50%;z-index:-1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.demo-3 .main-title{padding:10px 40px;border:10px double #f9f1e9;text-transform:uppercase;font-family:Londrina Outline,sans-serif}.demo-4 .main-title{font-size:6em;font-weight:300;padding:10px 30px;text-transform:uppercase;color:#222}.main-title .thin{font-weight:200}@media only screen and (max-width:768px){.demo-1 .main-title,.demo-3 .main-title,.demo-4 .main-title{font-size:3em}.demo-1 .large-header{background-image:url("../img/bg1.jpg")}.demo-2 .main-title{font-size:4em}}#Layer1{position:absolute;width:100%;z-index:2;top:60%}.STYLE3{font-size:medium}.footer{width:100%;text-align:center;position:absolute;bottom:30px;z-index:3}