*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --verde: #5ec233;
    --azul: #4155ae;
}

body{
    background-color: var(--azul);
    font-family: 'Roboto', sans-serif;
}

.navegador{
    background-color: var(--verde);
    height: 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.navegador__enlaces{
    width: 100%;
    text-align: right;
    margin-right: 50px;
}

.navegador__enlaces li{
    display: inline-block;
    font-weight: 300;
    list-style: none;
    transition: all .3s;
}

.navegador__enlaces a{
    text-decoration: none;
    color: white;
    margin-left: 24px;
    font-size: 1rem;
    transition: all 1s;
}

.navegador__enlaces a:hover{
    font-weight: 500;
    font-size: 1.05em;
    color: var(--azul);
}

.portada{
    height: calc(100vh - 105px);
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}


.portada img{
    height: 500px;
    /* background-color: aquamarine; */
}

.footer{
    color: white;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.footer p{
    font-size: 1rem;
}

.text{
    font-size: 16px;
}

@media screen and (max-width: 800px) {
    .portada img{
        height: 400px;
    }
}

@media screen and (max-width: 600px) {
    .portada img{
        height: 300px;
    }
}

@media screen and (max-width: 400px) {
    .portada img{
        height: 250px;
    }

    .footer p{
        font-size: .9rem;
    }

    .navegador__enlaces a{
        font-size: .9rem;
    }
}

@media screen and (max-width: 350px) {
    .portada img{
        height: 200px;
    }
}