body{
background:no-repeat center;
overflow:hidden;
color:#58595b;
font-family: 'Roboto', sans-serif;
background-position: center;
}
#logo{
position: absolute;
width: 60px;
height: 91px;
top: 48%;
left: 50%;
margin-left: -30px;
margin-top: -45px;
display: none;
}
#logo_black{
position:absolute;
width: 60px;
height: 91px;
top:48%;
left:50%;
margin-left: -30px;
margin-top: -45px;
}
#info{
width:100%;
height:100%;
background-color:rgba(255,255,255,0.5);
position:relative;
z-index:100;
text-align:center;
display:none;
}
#fader{
width:100%;
height:100%;
background-color:#fff;
position:relative;
z-index:100;
text-align:center;
}
a{ color:#58595b; text-decoration:underline; cursor:pointer}
a:hover{color:#58595b; text-decoration:none;}
.footer{top:35%; margin-top:200px;
position: absolute; width:100%; font-size:14px; line-height:1.33em;}
.footer .row{width:69.5em!important}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
body{ background-size:100%}
.footer {
margin-top:80px!important;
}
.footer .row {
width: 100%!important;
}
#logo_black{ top:37%}
#logo{top:37%}
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
body{ background-size:cover; overflow:hidden; }
.footer row{ width:100%!important;
}
#info .columns {
padding-left: 0.5em;
padding-right: 0.5em;
}
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 400px) {
body{ background-size:320%; overflow:hidden; }
.footer row{ width:100%!important;
width: 100%!important;
}
.small-4 {width: 100%!important;}
#info .columns {width: 100%!important; margin-bottom:10px}
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (max-width : 800px) {
body{ background-size:cover; background-position:center; background-position:center; overflow:hidden; }
.footer .row {
width: 100%!important;
}
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.footer .row {
width: 42.5em!important;
}
#info{max-height:1024px;}
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1921px) {
body{ background-size:120%; overflow:hidden; }
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}