/cody/learning-zone/website-templates/coming-soon-responsive-theme-jack/css/styles.css
@import url(http://fonts.googleapis.com/css?family=Lobster);@import url(http://fonts.googleapis.com/css?family=Roboto);body { color:#FFF; font-family: 'Roboto', sans-serif; min-width:960px; top:0; left:0; position:absolute; height:100%; width:100%; margin:0; background-size:cover;}.ie body { filter: dropshadow(color=#000000, offx=0, offy=1); }h1 { font-size:59px; letter-spacing:-2px; line-height:40px; text-align:center; font-family: 'Lobster', cursive;}.ie h1 { filter: dropshadow(color=#000000, offx=0, offy=3); padding-bottom:12px; }h2 { }.ie h2 { filter: dropshadow(color=#000000, offx=0, offy=3);}h3 { font-size:25px; margin:0.2em 0; text-align:center; color:#000;}.ie h3 { filter: dropshadow(color=#000000, offx=0, offy=3);}h4 { margin-bottom:5px; }p, pre { margin:0 0 10px 0; }code { text-transform:uppercase !important; color:#EEE; border-bottom:1px dotted #666;}small { background:url(../images/alpha.png); background:rgba(0, 0, 0, 0.8) url(); border:1px solid #111; font-size:15px; padding:0 5px;}strong{text-align: center;display: block;font-family: 'Lobster', cursive;font-size: 28px;font-weight: normal;color:#646464;}a { color:gray; text-decoration:none; }a:hover { color:#BBB; } .topSection{background:#000;}#Header {margin-bottom: 52px;position: relative;width: 100%;height: 119px;line-height: 118px;z-index: 1;padding-top: 30px}.logo{width: auto; margin: 0 auto;padding: 16px;border:1px dashed #fff;height: 125px;width: 128px;border-radius: 180px;}.wrapper {margin: 0 auto;position: relative;width: 100%;z-index: 1;}#socialIcons {display:block;}#socialIcons ul {margin: 0px; padding:0px;text-align: center;}#socialIcons ul li {margin-right: 5px;height: 35px;line-height: 40px;list-style-type: none;display: inline-block;background: rgba(224, 224, 224, 1);border-radius: 47px;padding: 5px;}#socialIcons ul li a{width:34px;height:34px; display: inline-block;}.twitterIcon, .facebookIcon, .linkedInIcon, .pintrestIcon{background: url('../images/social-icons.png') -74px 0px;}.facebookIcon{background-position: 10px 0px;}.linkedInIcon{background-position: -245px 0px;}.pintrestIcon{background-position: -331px 0px;}.tempBy{display:block;text-align:center;margin-top:40px;color: #8A8A8A;}#Content h2 {margin: 0px;padding: 0px;text-align: center;font-size: 42px;font-weight: 300;color:#fff;}#WindowSlide {margin: 0 auto;position: relative;width: 634px;height: 170px;display: block;overflow: hidden;}#Mail {position: absolute;width: 634px;top: 0px;left: 0px;}#Content h3 {text-align: center;font-size: 24px;font-weight: normal;display: block;clear: both;}
#subscribe p{text-align:center;}#subscribe input {background: rgba(255, 255, 255, 0.52); color: #7a7a7a;font: bold 19px; vertical-align: middle;width: 293px;border: 1px solid #000;padding: 10px;}#subscribe input[type="button"]{background: rgba(255, 255, 255, 1);width:auto;padding: 10px 25px;cursor: pointer;margin-left: -5px;font-weight: bold;font-size: 13px;color:#000;}
.callback,.simple { font-size: 20px; background: #27ae60; padding: 0.5em 0.7em; color: #ecf0f1; margin-bottom: 50px; -webkit-transition: background 0.5s ease-out; transition: background 0.5s ease-out;}.callback{ cursor: pointer;}.ended { background: #c0392b;}.countdown {text-align:center;margin-top:30px;}.styled{ margin-bottom: 60px;}.styled div { display: inline-block; margin-left: 10px; font-size: 60px; font-weight: normal; text-align: center; margin:0 25px; width:100px; padding:30px; height:100px; text-shadow:none; vertical-align: middle; }
#overlay{background: rgba(0, 0, 0, 0.56) url(../images/overlays/01.png) top left repeat;position: fixed;top: 0px;width: 100%;bottom: 0px;opacity:0.8;}/* IE7 inline-block hack */*+html .styled div{ display: inline; zoom: 1;}.styled div:first-child { margin-left: 0;}.styled div span { display: block; padding-top: 3px; font-size: 19px; font-weight: normal; text-align: center;}footer{width:100%;height:30px;background:rgba(0, 0, 0, 0.64);position:absolute;bottom:0px;}footer span{float:right;margin:10px;}@media(max-width:768px){ body { min-width: initial !important; } .wrapper{width:100%;} .styled div { margin-bottom:10px; }}@media(max-width:420px){ h1{ float:initial; text-align: center; margin-left:0px; margin-bottom:0px; } .styled div { margin-bottom:10px; font-size: 40px; font-weight: normal; text-align: center; width:50px; height:70px; } #Content h2 { margin: 0px 0px 0px 0px; padding: 0px; text-align: center; font-size: 29px; font-weight: 300; } .styled { margin-bottom: 30px; } #subscribe input[type="button"]{ margin-top:10px; } #subscribe input{ width:80%; } footer{ position:relative !important; }}