body {

    background-image:url('./files/elements/pattern.svg');
    background-repeat:repeat;
    background-size:40px auto;

}

.header {

    width:100%;
    height:210px;
    background-image:url('./files/elements/home_headers/header_1.jpg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:1;

}

.header .logo {

    width:167px;
    height:99px;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
    background-image:url('./files/elements/logo_white.svg');
    background-size:contain;
    background-position:left center;
    background-repeat:no-repeat;
    z-index:2;

}

.wrapper {
    
    width:1280px;
    min-height:100px;
    background-color:white;
    margin:0px auto;
    box-shadow:1px 1px 14px rgba(0,0,0,0.30);
    position:relative;
    top:-20px;
    z-index:2;

}

.content {

    width:calc(100% - 40px);
    margin:0px auto;

}

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

    .wrapper {
    
        width:calc(100% - 40px);
    
    }

}

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

    .header {
    
        height:240px;
    
    }

}