@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro&family=Nanum+Gothic&family=Roboto+Condensed:wght@300&display=swap');

body{
    background-color: coral;
}

.titulo{
    font-family: 'Be Vietnam Pro', sans-serif;
    color: #000;    
    margin-top: 3%;
}

#titulo-logo{
    text-align: center;
    margin-top: 5% !important;
    margin-bottom: 5%;
}

.titulo a{
    text-decoration: none;
    color:#000;
}

.subtitulo{
    font-family: 'Roboto Condensed', sans-serif;
}

p{
    font-family: 'Nanum Gothic', sans-serif;
}

#logo{

}

.form-label{
    font-family: 'Roboto Condensed', sans-serif;
}

#submit-button{
    font-family: 'Nanum Gothic', sans-serif;
    border-radius: 10px;
    background-color: rgb(150, 169, 185);
}

.copyright{
    font-family: 'Roboto Condensed', sans-serif;
}

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;

}

.servicios{
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top:3%;
    margin-bottom: 3%;
    justify-content: center;
}

.servicios .parrafo{
    width:50%;
    float:right;
    padding-left: 5%;
}

.servicios li{
    width:33%;
}

.servicios #img-empresa{
    width:30%;
}

nav ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    background-color: lightcoral;
    padding: 1em;
}

.menu-item{
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 1em;
    background-color: lightcoral;
    text-align: center;
    color:#000;
    width: 25%;
    margin-left: 3%;
}

.menu-item:hover{
    color:wheat;
}

#form{
    width:90%;
    justify-content: center;
    margin-left: 5%;
    margin-bottom: 3%;
    margin-top: 3%;
}

@media (max-width: 600px){
    .menu-item, #parrafo{
        width:100%;
    }
    .parrafo{
        width:100% !important;
        margin-top: 2% !important;
        margin-right: 1%;
        justify-content: center;
    }
    .servicios li{
        width:100%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .servicios #img-empresa{
        width:100%;
    }
    .form{
        width:100%
    }
    .w-100{
        width: 80%;
    }
}