@import "ionicons.min.css";
@import "bootstrap.min.css";
@import "https://fonts.googleapis.com/css?family=Dosis:400,200,600";
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,main{display:block}
body{line-height:1}
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}
body{font-family:Dosis,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;overflow:auto;position:static;z-index:-2;padding:0;margin:0;background:#f2f3f7}
p,a{margin:10px 0;font-size:3em;color:rgba(0,0,0,0.7);font-weight:400}
a{-webkit-transition:all .2s cubic-bezier(0.42,0,0.58,1);-moz-transition:all .2s cubic-bezier(0.42,0,0.58,1);-ms-transition:all .2s cubic-bezier(0.42,0,0.58,1);-o-transition:all .2s cubic-bezier(0.42,0,0.58,1);transition:all .2s cubic-bezier(0.42,0,0.58,1);cursor:pointer;text-decoration:none;color:#999}
a:hover{color:#ff1d4d!important;text-decoration:none!important;outline:none!important}
a:active,a:focus{outline:none!important;text-decoration:none!important;color:#999}
#container{background:#f2f3f7;border:30px solid #FFF;position:absolute;height:100%;width:100%;left:0;top:0}
#container .overlay{position:absolute;background-repeat:repeat;opacity:.1;width:100%;height:100%}
#container .item-title{position:absolute;z-index:0;left:0;padding:0;top:50vh;width:100%;padding:0 5%;-webkit-transition:all .3s cubic-bezier(0,0,0.58,1);-moz-transition:all .3s cubic-bezier(0,0,0.58,1);-ms-transition:all .3s cubic-bezier(0,0,0.58,1);-o-transition:all .3s cubic-bezier(0,0,0.58,1);transition:all .3s cubic-bezier(0,0,0.58,1);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1;visibility:visible}
#container .item-title #message{max-width:600px;min-height:150px;margin:0 auto}
#container .item-title #message p:first-child{font-size:60px;font-weight:200;color:#000}
#container .item-title .link-bottom{margin:0 auto;max-width:600px}
#container .item-title .link-bottom .link-icon{margin-right:10px;font-size:22px}
@media only screen and (max-width: 480px) {
#container{min-height:100%;height:auto}
#container .overlay{min-height:100%;height:auto}
#container .item-title{padding:100px 5%;position:relative;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
#container .item-title #message{min-height:240px}
#container .item-title #message p:first-child{font-size:50px;font-weight:200}
}
