.nunito{
    font-family: 'Nunito', sans-serif;
}
.rubik{
    font-family: 'Rubik', sans-serif;
}
.fz-90{
    font-size: 90px;
}
.fz-70{
    font-size: 70px;
}
.fz-21{
    font-size: 21px;
}
@media (max-width:1200px){
    .fz-90{
        font-size: 55px;
    }
    .fz-70{
        font-size: 40px;
    }
    .fz-21{
        font-size: 16px;
    }
}
.yellow{
    color: #FFB701;
}
.white{
    color: #ffffff;
}
.red{
    color:#ED1B2E;
}
.extra-bold{
    font-weight: 900;
}
.less-extra-bold{
    font-weight:800;
}
.font-weight-bold{
    font-weight: 700;
}
.d-flex{
    display:flex;
}
/* HEADER */
.header{
    width: 100%;
    display:block;
    height:112px;
    background-color: #000000;
    margin-bottom:60px;
}
.header img{
    position:absolute;
    top:0;
    left:0;
}
.header a.absolute{
    position:absolute;
    top:0;
    right:0;
}
body{
    background-image: url("../img/bg-kodak.png");
    background-size: cover;
    padding-bottom:65px;
    min-height: 100vh;
}
/* Titles */
.p-1{
    line-height:70px;
}
.p-3{
    font-size:28px;
}
.titles{
    max-width:90%;
    margin: auto;
}
@media (min-width:1200px){
    .titles{
        padding:0 !important;
    }   
}
/* Form */
.form{
    background-color: #ffffff;
    padding: 50px !important;
    max-width:90%;
    margin: auto;
    border-radius: 10px;
    margin-bottom:60px;
    box-shadow: 5px 7px 20px 1px rgb(0 0 0 / 20%);
    margin-top: 20px;
}
@media (min-width:1200px){
    .form{
        max-width:700px;   
    }
    .titles{
        max-width:765px;
    }
}
.btn-red{
    background-color: #ED1B2E;
    color: #ffffff;
    border: 1px solid #ED1B2E !important;
    padding: 16px 72px;
    display: block;
    border:none;
    margin-top:20px;
    margin-bottom: 20px;
    transition: ease .3s;
}
.btn-red:hover{
    background-color: #ffffff;
    color: #ED1B2E;
}
.btn-white-red{
    background-color: #000000;
    border: 1px solid #FFFFFF !important;
    color: #ffffff;
    padding: 6px 30px;
    display: block;
    transition: ease .3s;
}
.languages{
    position: absolute;
    right:25px;
    top:40px;
}
a.white{
    display:block;
    transition: ease .3s;
}
a.white:hover{
    color: #FFB701;
}
.asterisque{
    font-weight:400;
    font-size:16px;
    color:#555555;
}
#scales{
    margin-right: 10px;
    min-width:25px;
}
.scales{
    font-weight: 400 !important;
    font-size:16px;
}
.form-control {
    margin-top: 20px;
    height: 50px !important;
}
#language{
    visibility: hidden;
    height: 0;
}
