@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

* {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
}
header {
    position: fixed;
    z-index: 10 !important;
    width: 100%;
    top: 0px;
  }
  
  #headerContact {
    height: 80px;
    
}
nav {
    height: 60px !important;
}

main {
    margin-top: 140px !important;
    height: 100%;
  }

.bg-darkPink {
    background-color: #f79d85;
}

.bg-lightPink {
    background-color: #feefea;
}

.bg-green {
    background-color: #acd579;
}

.darkPink{
    color: #f79d85;
}

.lightPink {
    color: #feefea;
}

.greenButton {
    color: #acd579;
}

.textRed {
    color: red;
    font-weight: bold;
}

p {
    text-align: justify;
}

#formation:hover, #calendrier:hover {
    background-color: #f79d85;
}

#formation:hover i, #calendrier:hover i, #formation:hover h5, #calendrier:hover h5{
    color: #feefea;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}
h1 {
    font-size: 4rem;
}
h2 {
    font-size: 2.3rem;
}
h3 {
    font-size: 2.2rem;
}

h4 {
    font-size: 2rem;
}

h5 {
    font-size: 1.2rem;
    padding-bottom: 10px;
}

nav div ul li a:hover {
    border: 2px solid #f79d85;
}
nav div ul li a:active{
    color: #f79d85;
}


/*Media queries */

@media screen and (min-width: 850px) and (max-width: 1200px) {
    main {
        margin-top: 200px !important;
    }
    * {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .row {
        display: block;
    }
    h1, h2, h3 {
        font-size: 2rem;
    }
    #headerContact {
        height: 120px;
    }
}

@media screen and (min-width: 650px) and (max-width: 850px) {
    main {
        margin-top: 200px !important;
    }
    * {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: 0px;
        margin-left: 0px;
        flex-wrap: wrap;
    }
    .row {
        display: block;
    }
    h1, h2, h3 {
        font-size: 2rem;
    }
    #headerContact {
        height: 120px;
    }
}
@media screen and (max-width: 650px) {
    main {
        margin-top: 200px !important;
    }
    * {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .row {
        display: block;
    }
    h1, h2, h3 {
        font-size: 2rem;
    }
    #headerContact {
        height: 120px;
    }
}