/* Main color : #fe5e5e */

@font-face {
    font-family: Dosis;
    src: url("../fonts/Dosis-Regular.ttf");
}

@font-face {
    font-family: Eurostile;
    src: url("../fonts/Eurostile.ttf")
  }
/* Footer */
body {
    height: 100vh;
}
footer {
    margin: 0px;
    background-color: black;
    background-image: linear-gradient(30deg,#111333 0%, #4e1b1b 100%);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: flex-start;
    color: #fe5e5e;
    font-family: Eurostile;
    padding-top: 50px;
}
.footerTitle {
    width: 100%;
    font-size: 2vw;
    text-align: center;
    margin-bottom: 1vw;
}
#Contacts {
    width: 40vw;
    text-align: center;
    font-size : 1.2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fe5e5e;
}

.ligneContact {
    margin-bottom: 0.5vw;
}
hr {
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    background-color: #fe5e5e;
}

#Partenaires {
    text-align: center;
    width : 40vw;
    display: block;
    min-width: 200px;
}

.logos {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
    width: 70%;
}

#logoTF1 {
    width: 7vw;
}

#logoFondation {
    width: 21vw;
    padding-right: 10vw;
    padding-bottom: 0.5vw;
}

.logoLink {
    width: 4vw;
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
    margin-right: 1vw;
    margin-left: 1vw;
}

.logo {
    width: 3vw;
}

#copyright {
    width: 100vw;
    margin-top: 0.3vw;
    font-size: small;
    text-align: center;
}

.lerush {
    font-variant: small-caps;
    font-weight: inherit;
}

/* Mobile media query */
@media screen and (max-device-aspect-ratio : 1/1) {
    /* footer {
        height: 210vw;
    } */

    .footerTitle {
        font-size: 6vw;
        font-weight: 500;
        margin-top: 1vw;
        margin-bottom: 4vw;
    } 
    #Contacts {
        font-size: 3.3vw;
        width: 60vw;
        margin-bottom: 5vw;
    }

    .ligneContact {
        overflow: visible;
        white-space: nowrap;
    }

    #Partenaires {
        width : 60vw;
    }
      
    .logos {
        width: 100%;
        align-content: flex-start;
    }

    #logoTF1 {
        width: 18vw;
    }
    
    #logoFondation {
        width: 33vw;
        padding-bottom: 2.3vw;
    }

    .logoLink {
        width: 9vw;
        margin-right: 2vw;
        margin-left: 2vw;
    }

    .logo {
        width: 100%;
    }

    #copyright {
        margin-top: 5vw;
    }
}