@font-face {font-family: 'open_sanscondensed_light';
    src: url('font/opensans-condlight.eot');
    src: url('font/opensans-condlight.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-condlight.woff2') format('woff2'),
         url('font/opensans-condlight.woff') format('woff'),
         url('font/opensans-condlight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background-color:#fff;}
body{font:1.15em open_sanscondensed_light,'Georgia',sans-serif;width:95%;margin:0 auto;text-align:center;}
main{
	display: -ms-Flexbox;
	-webkit-box-orient: horizontal;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;


	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
hr{border:0px;height:0px;border-top:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.3);}
#logo{width:38%;}
a{color:#707070;text-decoration:none;}
#contact, #about{height:0px;visibility:hidden;
    transition: all 1s linear;
    -webkit-transition: all 1s linear; /** Chrome & Safari **/
    -moz-transition: all 1s linear; /** Firefox **/
    -o-transition: all 1s linear; /** Opera **/
}
.buttons{margin-top:3%;}
.buttons a{margin:7%;}
.buttons a:hover{color:#000;}
.img{
    margin:1.5px;
    width: 29vw;
    height: 29vw;
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    opacity:.9;
}
.img:hover {
    cursor:pointer;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}
#fullscr{position:fixed;visibility:hidden;width:100%;height:100%;top:0px;left:0px;background-color:rgba(0,0,0,.8);z-index:1;}
#close{position:absolute;top:10px;right:10px;}
#download{position:absolute;top:10px;left:10px;width:12%;}
#close:hover, #download:hover, #up:hover{opacity:.8;cursor:pointer;}
.helper{display:inline-block;height:100%;vertical-align:middle;}
#fullscr_img{max-height:95%;vertical-align:middle;color:#eee;}
#up{position:relative;right:0;bottom:0;}
#up img{width:40%;}

@media all and (orientation:portrait)  {
main{flex-direction:column;}
#logo{width:600px;}
.img{opacity:1;margin:.7%;max-width:700px;max-height:700px;width:90vw;height:90vw;}
.buttons{display:flex;flex-direction:column;text-align:center;margin:6px;}
.buttons a{padding:17px;margin:0;font-size:5vw;}
.buttons a:hover{background-color:#f3f3f3;}
#contact, #about {font-size:4vw;}
footer{font-size:4vw;}
}