@charset "UTF-8";
/* CSS Document */

body { background-image: url(bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; background-size: cover; background-color: #010F22; text-align: center; font-family: Helvetica, Arial, sans-serif; color: #fff; }

a { color:#fff; text-decoration:none; }

#logo { width: 80%; max-width: 500px; opacity:0.8; margin: auto; margin-top:4%; margin-bottom: 3.5%; display: block; }

#house { width: 80%; max-width: 500px; opacity: 0.8; margin: auto;  margin-bottom: 3.5%; display: block; }

.social { width: 3%; max-width: 150px; display:inline-block; vertical-align: top; text-align: center; margin-bottom:2.8%; }

.icon  { width: 17%; max-width:110px; margin-left:1%; margin-right:1%; margin-bottom:1%; opacity: 0.8; }

.bruch { display:block; }

.sn {  font-size:10px; margin-top:2%; margin-left:auto; margin-right:auto; opacity: 0.8; }

@media all and (min-width: 567px) and (orientation : landscape)
{

#logo { width: 90%; max-width: 2000px; opacity: 0.8; margin-top: 3%; margin-bottom: 2%; margin-left: auto; margin-right: auto; display: block; }

#house { width: 28%; opacity: 0.8; margin-bottom: 2%; max-width: 500px; margin-left: auto; margin-right: auto; display: block; }

.icon { width: 2.4%; margin-left:0.4%; margin-right: 0.4%; display:inline-block; max-width: 40px; opacity: 0.8; }

.bruch { display:none; }

}