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

html, body{ height:100%; }
body{
    margin:auto; color: #000; position: relative; height: 100%;
    background: #082b31; font-size: 19px; line-height: 29px;
}
a{ color: inherit; text-decoration: none;
    transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
}

*{ box-sizing: border-box; }

.wrapper{
    width: 100%; height: 100%; display: flex; position: relative;
    -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;
}

.constructionImg{
    display: block; width: 80%; max-width: 550px; margin: auto;
    border: solid 5px #FFF;
}
.box{
    width: 700px; max-width: 90%; margin: auto; margin-top: 50px; margin-bottom: 50px;
    padding: 30px; background: rgba(255,255,255,0.85); border: solid 1px #000;
}

.container{ width: 95%; margin: auto;}
header .logo{ padding: 0 0 10px 0; }
header .logo img{ display: block; margin: auto; width: 70%; max-width: 200px;}
header h1{
    font-family: 'oswalddemibold'; text-transform: uppercase; font-size: 50px; line-height: 60px; text-align: center;
}

.construction{
    width: 100%;
    text-transform: uppercase; font-family: 'oswaldlight';
    letter-spacing: 5px; font-size: 40px; line-height: 50px; text-align: center;
    margin: 20px 0; color: #000;
}



.vcenter{
  -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;
}
.hcenter{justify-content: center;}


.row:after{ display: block; content: ""; clear: both; }
.row_flex{ display: flex;}
.flex_wrap{ flex-wrap: wrap; }
.row_flex:after{ display: block; content: ""; clear: both; }
.vcenter{
  -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;
}
.hcenter{justify-content: center;}
.space_between{ justify-content: space-between; }
.one_half{ width: 50%; float: left;}
.one_third{ width: 33.33%; float: left;}
.one_fourth{ width: 25%; float: left;}



@media (max-width: 600px) {
    .one_half{ width: 100%; float: none;}
    .construction{ font-size:28px }
}