/* FONTS */
@font-face {
    font-family: SourceSansProBlack;
    src: url("../../font/source/SourceSansPro-Black.ttf");
}
@font-face {
    font-family: SourceSansProBold;
    src: url("../../font/source/SourceSansPro-Bold.ttf");
}
@font-face {
    font-family: SourceSansProRegular;
    src: url("../../font/source/SourceSansPro-Regular.ttf");
}
@font-face {
    font-family: SourceSansProLight;
    src: url("../../font/source/SourceSansPro-Light.ttf");
}
@font-face {
    font-family: GillSansRegular;
    src: url("../../font/gillsans/GillSans.otf");
}
/* FONTS */

/* MOVIL */
#contacto-container{
    color:white;
    background: #071727;
    padding-top:10vh;
    padding-bottom:10vh;
    
}
#contacto-container h1{
    font-size: 3rem;
    font-family: MyriadPro-Bold;
}
#contacto-container p{
    font-family: MyriadPro-Light;
}
.boton-contacto{
    border-radius: 20px;
    background-color:#01e5dd;
    padding-left:40px;
    padding-right: 40px;
    font-size: 1.2em;
    margin-top:20px;
}
#cards{
    margin-top: 80px;
    margin-bottom: 80px;
}
#footer-container{
    color:white;
    background: #071727;
}
#footer-container h3{
    font-family: MyriadPro-Normal;
}

.boton-ver-video{
    color:#01e5dd !important;
    cursor: pointer;
    font-size: 1.8em;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.boton-ver-video:hover{
    transform: scale(1.05);
}
.plyr__control--overlaid {
    border: 5px solid white;
    background:none;
}
#footer-container h3{
    font-size: 3vh;
}
.card-text{
    font-family: MyriadPro-Light !important;
    font-size: 1.1em;
}
/* MOVIL */

/* DESKTOP */
@media only screen and (min-width: 1024px) {
    #contacto-container{
        padding-top:20vh;
    }
    #contacto-container h1{
        font-size: 5rem;
    }
    #footer-container h3{
        font-size: 1.8rem;
    }
}
/* DESKTOP */