body{
    background-color: #373d62;
}
.row{
    display: flex;
    justify-content: center;
}
.contacto{
    text-align: center;
    padding-top: 20px;
}
.logo{
    width: 100%;
}
.icono_instagram{
    height: 40px;
    padding: 10px;
}
.icono_email{
    width: 50px;
    padding: 10px;
}
.container {
    position: relative;
    text-align: center;
}
.centered {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
h1{
    color: #93E4EF;
    font-family: 'Avenir';

}

@font-face {
    font-family: 'Avenir'; /*a name to be used later*/
    src: url('./assets/fonts/avenir_nexT_lt_pro_bold.otf');
}


@media only screen and (max-width: 480px){
    .sm-0 {
        display:none;
    }
    .sm-4{
        width:100%;
    }
    .centered {
        position: absolute;
        top: 95%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .contacto{
        text-align: center;
        padding-top: 5px;
    }
    h1{
        color: #93E4EF;
        font-family: 'Avenir';
        font-size: large;
    }
}

@media only screen and (min-width: 481px){
    .med-0 {
        display:none;
    }
    .med-2{
        width:45%;
    }
    .med-4{
        width:100%;
    }
}
@media only screen and (min-width: 1024px){
    .lg-1 {
        width:23%;
        display:inline-block;
    }
    .lg-one-third{
        width:31%;
    }
    .lg-3{
        width:72%;
    }
    .lg-4{
        width:100%;
    }
}