*{
    margin: 0;
    padding: 0;
}

body{
    background-image: url(img/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
header{
    height: 600px;
}

header nav img{
    width:350px;
}




h1{
    font-family: 'Prata', serif;
    color: #002D38;
    font-size: 20px;
}
.second{
    padding-left: 120px;
}

h2{
    font-family: 'Montserrat', sans-serif;
    color: #C3B795;
    font-size: 18px !important;
}


span{
    display: block;
    padding-top: 20px;
}

.servicios{
    width:400px;
}

.servicios article p{
    font-family: 'Prata', serif;
    color: #002D38;
    font-size: 16px !important;
}

.servicios article{
    border-left: 1px solid #C3B795;
}

.servicios article:first-child{
    border-left: 0;
}

p{
    margin-bottom: 0;
}

.contacto{
    background-color: #002D38;
}


.contacto h3{
    color: white;
    font-family: 'Prata', serif;
    font-size: 40px;
    font-weight: light;
    border-bottom: 1px solid #C3B795;
    padding-bottom: 15px;
}


.contacto p, .contacto h4{
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-size: 12px;
}

footer p{
    font-family: 'Montserrat', sans-serif;
    color: #002D38;
    font-size: 12px;
    font-weight: light;
}
p{

    margin-block-start: 0em !important;
    margin-block-end: 0em !important;

}



@media (max-width: 767.98px) {

    body{
        background-image: url(img/bg-mobile-02.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }
    
    .servicios article p{
        border-bottom: 1px solid #C3B795;
        padding-bottom: 10px;
        max-width: 250px;
        margin: auto;
        border-left: 0;
    }

    .servicios h2{
       color: #002D38;
    }
    .second{
        padding-left: 30px;
    }
    
    header nav img{
        width:300px;
        text-align: center;
    }

    header{
        height: 400px;
    }
}

@media (max-width: 991.98px) {

    .servicios article:first-child{
        border-left: 1px solid #C3B795;
    }

}

@media (min-width: 1600px) {

    h1{
        font-size: 50px !important;

    }

    h2{
        font-size: 25px !important;
    }

    .servicios article p{
        font-size: 20px !important;
    }

    .contacto p, .contacto h4{
        font-family: 'Montserrat', sans-serif;
        color: white;
        font-size: 16px;
    }
}

/*{}*/