/* --------GENERAL---------- */
body {
    font-family: 'Lato', sans-serif;
    overflow-x: hidden;
    margin: 0;
    color: #083b58;
    background: linear-gradient(135deg, #50bfff 0%, #9bf3ff 25%, #fff 50%, #9bf3ff 75%, #0d568f 100%);
}

#accueil {
    position: relative;
    z-index: 2;
    height: calc(100vh + 182px);
    overflow: hidden;
    padding-bottom: 182px;
}

.logo {
    max-width: 500px;
}

.h1, h1 {
    font-size: 1.5rem;
    color: #0d6aa2;
}

.btn-primary {
    background: linear-gradient(135deg, #07b3e4 0%, #125892 100%);
    height: 50px;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #125892 0%, #07b3e4 100%);
}

/* --------FOOTER---------- */
#footer {
    font-size: 12px;
    padding: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

/* --------MEDIA QUERIES---------- */
@media only screen and (max-width: 1024px) {
    .logo {
        max-width: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .h1, h1 {
        font-size: 1.2rem;
    }
}