.theme {
    color: #E7F2FC !important;
}
.texte {
    color: #070707 !important;
}
.white-texte {
    color: #FFFFFF !important;
}
.accentue {
    color: #C5491F !important;
}
.accentue-bg {
    background-color: #C5491F !important;
}

body {
    background-color: #E7F2FC;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    flex: 1 0 auto;
}

img {
    width: 100%;
    height: auto;
}
.btn {
    background-color: #C5491F;
}
.btn:hover {
    background-color: #A3320B;
}
blockquote {
    border-left: 5px solid #C5491F;
}

.mt-top5 {
    margin-top: 5%;
}
.home-dessin {
    width: 65%;
}

/* Header */
.section {
    margin: 0 5% 0 5%;
    padding: 0;
}
nav {
    background-color: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.errorMessage {
}


/* PAGE - Accueil*/
.home {
    flex: 1 0 auto;
}
.home-title {
    margin-top: 0;
}
.team-img {
    max-height: 50vh;
    object-fit: cover;
}
.padding-r {
    padding-right: 10%;
}

/* PAGE - Contact*/
.flex-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.contact-dessin {
    width: 75%;
}

.input-field>label {
    color: #070707;
}

/* Footer */
.page-footer {
    background-color: #90B5D7;
    width: 100%;
}


@media only screen and (min-width: 601px) {
    nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
        height: 64px;
        line-height: 64px;
    }
}

@media only screen and (max-width: 992px) {
    nav .brand-logo {
        position: initial;
        transform: none;
    }
}
@media only screen and (max-width: 768px) {
    nav .brand-logo {
        font-size: 1.6rem;
    }
    nav .btn {
        font-size: 11px;
    }
    
    h1 {
        font-size: 3rem;
    }
    .home h2 {
        font-size: 2rem;
    }

    .reverse-mobile {
        flex-direction: column-reverse;
    }
    .padding-r {
        padding: 0;
    }

    .contact .flex-box {
        flex-direction: column;
    }
    .contact-dessin {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    nav .brand-logo {
        font-size: 1.3rem;
    }
    nav #nav-mobile .texte {
        font-size: 0.8rem;
    }
    nav #nav-mobile .btn {
        font-size: 0.6rem;
        margin: -2px 0 0 0;
        padding: 0 8px;
    }
}