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

@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 400;
    src: local(''),
       url('../fonts/saira-v7-latin-regular.woff2') format('woff2'),
       url('../fonts/saira-v7-latin-regular.woff') format('woff');
}
html, body {
    margin: 0;
}
body { 
    font-family: Saira, sans-serif;
    background: url("../images/debleu-new-project-001.webp") no-repeat left top fixed; background-size: cover; 
}
.wrap {
    position: relative;
    z-index: 10;
    text-align: center; 
}
.button {
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    padding: 8px 70px;
    background-color: #0061a2;
    color: #fff;
    font-size: 1.1rem;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 18%);
    border: 2px solid #5ba9dd;
}
.button:hover, .button:active { 
    background-color: #64b5e6;
    color: #000;
    box-shadow: 0 5px 10px rgb(0 0 0 / 18%); 
}
.text {
    color: #373737; 
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 30vh;
    margin-bottom: 20px;
}
.overlay { 
    position: absolute;
    background: url("../images/debleu-new-project-001.svg") no-repeat left bottom;
    left: 60px;
    bottom: 6vh;
    height: 45vh;
    max-height: 45vh;
    width: 85vw;
    max-width: 85vw;
    z-index: 1;
}
.color-blox { 
    position: absolute;
    background: url("../images/debleu-new-project-002.svg") no-repeat right bottom;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 50vw;
    transition: all 0.5s;
}
.logo {
    position: absolute;
    background: url("../images/debleu-logo-new-project-001.svg") no-repeat center top;
    width: 50vw;
    height: 20vh;
    max-height: 280px;
    top: 20px;
    right: 50%;
    transform: translateX(54%);
    transition: all 0.5s;
}
@media only screen and (min-width: 992px) {
    .logo { 
        background-repeat: no-repeat;
        background-position: right top;
        top: 50px;
        right: 50px;
        transform: translateX(0);
        max-width: 320px;
    }
    .color-blox { 
        max-width: 30vw;
    }
}