@font-face{font-family:"Nautis";src:url("../fonts/nautis-rounded.otf")}
body{background:url("../images/bg.jpg") center;background-size:cover;margin:0;font-family:"Nautis";overflow:hidden;padding:0}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
#main-page{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh}
#main-page>div{width:50%;-webkit-box-flex:50%;-ms-flex:50%;flex:50%;min-width:50%;max-width:50%}
#main-page #mp-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;padding:15px}
#main-page #mp-left #ml-left-logo img{width:100%;max-width:22vw;display:block;margin:auto}
#main-page #mp-left #ml-left-picture img{width:100%;max-width:22vw;margin:auto;display:block}
#main-page #mp-left #ml-left-text{font-size:10px;text-align:center}
#main-page #mp-left #ml-left-text a{color:#000;text-decoration:none}
#main-page #mp-left #ml-left-text a:hover{color:#666}
#main-page>div:nth-child(2) img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
@media all and (max-width:575px){body{overflow:visible}
#main-page{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#main-page>div{width:100%;-webkit-box-flex:100%;-ms-flex:100%;flex:100%;min-width:100%;max-width:100%}
#main-page #mp-left #ml-left-logo img{max-width:70vw}
#main-page #mp-left #ml-left-picture img{max-width:85vw}
#main-page #ml-left-picture{margin-top:40px;margin-bottom:40px}
#main-page #mp-left{padding-top:40px;padding-bottom:40px}
#main-page #mp-left #ml-left-text{font-size:10px}
}@media all and (min-width:576px){#main-page #mp-left{max-height:100vh}
#main-page #ml-left-picture{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:50px;margin-bottom:50px}
#main-page #ml-left-picture img{max-height:calc(100vh - 230px)}
#main-page #ml-left-text{padding-bottom:50px}
#main-page>div:nth-child(2) img{height:100vh}
#main-page #ml-left-logo{margin-top:30px}
}