header > .middle {
     margin: 0 auto;
    max-width: 1200px;
    
    overflow: hidden;
    clear: both;
}

header > .middle > .margin {
      margin: 0 30px;
    
        clear: both;
}

header {
    background-color: #5abbc7;
}

.Header {
    position: relative;
    overflow: hidden;
    height: 96px;

}

    .Header .logo {
        float: left;
        display: block;
        color: #fff;
        font-size: 26px;
        line-height: 96px;
        text-decoration: none;
    }


header .splash {
    float: right;
    margin-top: 13px;
    text-align: center;
    background-color: #2a919d;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px;
}
header .splash {
margin-left:15px;
}
    
@media screen and (max-width: 500px) {

    
header > .middle > .margin {
        margin: 0 20px;
        
    }
}


@media screen and (max-width: 450px) {
    header .splash {
    display:none;
    }

}