@font-face {
    font-family: 'Source Sans Pro Regular';
    src: url(../css/Source_Sans_Pro/SourceSansPro-Regular.ttf);
}
@font-face {
    font-family: 'Source Sans Pro Black';
    src: url(../css/Source_Sans_Pro/SourceSansPro-Black.ttf);
}

@font-face {
    font-family: 'Source Sans Pro Italic';
    src: url(../css/Source_Sans_Pro/SourceSansPro-Italic.ttf);
}

body{
    font-family: 'Source Sans Pro Regular';
    color: #0b3048;
}

p{
    font-size: 1.2rem;
}

em{
    font-family: 'Source Sans Pro Black';
    font-style: normal;
}

.logo{
    width: 70%;
    margin-top: 10vh;
    margin-left: auto;
    margin-right: auto;
}

#bgAiroofNight{
    background-image: linear-gradient(#001727ec, #0b304800),
                      url('../src/img/CIELO_9a.jpg');
    
    height: 100vh;
    background-size: cover;
    background-position: bottom;
}

.intro h2, h3{
    color: white;
    font-family: 'Source Sans Pro Black';
}

.intro p{
    color: white;
}

.numbers .col-sm-12{
    padding-top: 2vh;
    padding-bottom: 2vh;
}

.numbers h2{
    color: #c45747;
    font-family:'Source Sans Pro Black';
    font-size: 3rem;
}

.models h1{
    font-family:'Source Sans Pro Black';
    font-size: 3rem;
}

.models h6{
    font-family: 'Source Sans Pro Italic';
    font-size: 1.2rem;
}

.img-thumbnail{
    border-radius: 15px;
}

.modelDescription{
    padding-top: 1%;
}

.contacts-bg{
    background-color: #c45747;
    height: 100vh;
}

.contacts h1{
    color: white;
    font-family: 'Source Sans Pro Black';
    font-size: 3rem;
}
.contacts h2{
    color: white;
    font-family: 'Source Sans Pro Italic';
}

.contacts img{
    width: 30vw;
}

.contacts img:hover{
    border: 2px solid #0b3048;
    border-radius: 10px;
    transition: .1s ease-in-out;
}

.footer{
    margin-top: 10vh;
}

.footer img{
    width: 30vw;
}


@media screen and (min-width: 868px){
    .contacts img{
        width: 25vw;
    }
}


@media screen and (min-width: 991.8px){
    .modelDescription{
        padding-top: 20%;
    }
    
    .contacts h1{
        font-size: 3.5rem;
    }

    .contacts img{
        width: 20vw;
    }
}

@media screen and (min-width: 991.8px) and (orientation: landscape) {
    .logo{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30%;
    }

    .numbers{
        height: 80vh;
        padding-top: 20vh;
        padding-top: 20vh;
    }

    .numbers .col-sm-12{
        padding-bottom: 10vh;
    }
}

@media screen and (min-width: 1399.8px){
    p{
        font-size: 2rem;
    }
    
    .numbers h2{
        font-size: 4rem;
    }

    .models{
        margin-top: 10vh;
    }

    .models h1{
        font-size: 4rem;
    }

    .models h6{
        font-size: 1.6rem;
        margin-bottom: 3vh;
    }
    
    .models img{
        margin-bottom: 10vh;
    }

    .contacts h1{
        font-size: 4rem;
    }

    .contacts img{
        width: 10vw;
    }

    .contacts-bg{
        height: 70vh;
    }

    .footer img{
        width: 15vw;
    }
}

@media screen and ((min-width:1399.8px) and (min-height:720px) and (orientation:landscape)){
    .logo{
        width: 25%;
        margin-top: 10%;
    }

    .intro p{
        font-size: 1.5rem;
    }

    .models{
        margin-top: 30vh;
    }

    .contacts img{
        width: 7vw;
    }

    .footer img{
        width: 12vw;
    }
}

/* @media screen and ((min-width: 1999.98px) or (orientation: landscape)){
    .logo{
        width: 40%;
    }
    
    .contacts img{
        width: 7vw;
    }

    .footer img{
        width: 12vw;
    }
} */