html,body{
margin:0!important;
}

.mainwrapper,html,body{
width:100%;
height:auto;
}

.mainwrapper {
}

.mainwrapper .header {
width:calc(100vw - 60px);
padding-left:30px;
padding-right:30px;
background-color:#f1f1f1;
height:100px;
display:flex;
align-items:center;
justify-content:space-between;
}

.mainwrapper .header .logo {
max-width: 200px;
}

.contentwrap {
width:100%;
height: calc(100vh - 100px);
}

.mainwrapper .contentwrap iframe {
width:100vw;
height: calc(100vh - 100px);

}

.header a {
font-size: 15px;
    font-weight: 400;
    line-height: 2.8;
    padding: 0 1.8em;
    border-radius: 0em;
    letter-spacing: 0em;
    box-shadow: 0 0em 0em rgba(0,0,0,0.18);
    background-color: #000000;
    color:white;
    text-decoration:none;
    text-transform:uppercase;
    font-family:Muli;
}

@media only screen and (max-width: 500px) {

.header {
display:block!important;
text-align:center;
}

.mainwrapper .header .logo {
display:block;
margin: 0 auto;
padding-top:10px;
max-width:178px;
}

.header a {
display:inline-block;
font-size:12px;
box-sizing:border-box;
width:178px;
margin-top:5px;
}

}