.topnav {
    background-color: #133B55;
    box-shadow: rgba(0, 0, 0, .25) 0px 7px 2px;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav .list {
    float: left;
    color: white;
    text-align: center;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 17px;
}

.topnav .access {
    color: white;
    background-color: #5F8FA6;
    border-radius: 15px;
    box-shadow: black 5px 5px;
    text-align: center;
    padding: 10px 16px;
    padding-inline: 30px;
    text-decoration: none;
    font-size: 17px;
}

.topnav .access:hover {
    color: #5F8FA6;
    background-color: white;
}

.topnav a{
    border-bottom: 3px solid transparent;
}

/* Change the color of links on hover */
.topnav a:hover {
    border-bottom: 3px solid #5F8FA6;
    color: white;
}

/* Add a color to the active/current link */

.text-shadow{
    text-shadow: rgba(0, 0, 0, .25) 0px 8px 4px;
}

.first-button{
    background-color: #151515;
    color: white;
    padding-inline: 15px;
    padding-top: 10px;
    border-radius: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, .25) 4px 8px 2px;
}

.first-button:hover{
    background-color: #133B55;
    color: white;
    text-decoration: none;
}

.second-button:hover{
    background-color: #133B55;
    color: white;
    text-decoration: none;
}


.second-button{
    background-color: #5F8FA6;
    color: white;
    padding-inline: 40px;
    padding-top: 10px;
    border-radius: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, .25) 4px 8px 4px;
}

.fondo_2_min{
    display: none;
}

.fondo_4_min{
    display: none;
}

.fondo_1{
    background-image: url("../images/fondo_1.png");
    position: relative;
    height: auto;
    width: 80%;
    background-size: 150%, contain;
    background-repeat: no-repeat;
    background-position: right;
    display: block;
}

.fondo_2{
    padding-top: 30px;
    padding-bottom: 20px;
    background: linear-gradient(
        to left,
        #5F8FA6 65%,
        white 35%
    );
    display: block;
}

.fondo_3{
    background-image: url("../images/fondo_2.png");
    position: center;
    width: 90%;
    background-size: 917px, contain;
    background-repeat: no-repeat;
    background-position: left;
    display: block;
}

.fondo_4{
    padding-top: 30px;
    padding-bottom: 40px;
    background: linear-gradient(
        to left,
        white 70%,
        #5F8FA6 30%
    );
    display: block;
}

.fondo_5{
    background-image: url("../images/fondo_2.png");
    position: center;
    width: 100%;
    background-size: 1000px, contain;
    background-repeat: no-repeat;
    background-position: right;
    display: block;
}

.figure-blue{
    color: white;
    background-color: #133B55;
    box-shadow: rgba(0, 0, 0, .25) 8px 13px 4px;
}

.bg-blue{
    background-color: #133B55;
}

.second-content{
    background-color: #5F8FA6;
    color: white;
    box-shadow: rgba(0, 0, 0, .25) 8px 13px 4px;
}

.second-figure{
    background-color: #5F8FA6;
    color: white;
}

.third-button{
    background-color: #133B55;
    color: white;
    padding-inline: 15px;
    padding-top: 10px;
    border-radius: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, .25) 4px 8px 2px;
}

.third-button:hover{
    background-color: white;
    color: #133B55;
    padding-inline: 15px;
    padding-top: 10px;
    border-radius: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, .25) 4px 8px 2px;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .fondo_1{
        display: none;
    }

    .fondo_4{
        display: none;
    }

    .fondo_2{
        display: none;
    }

    .fondo_2_min{
        display: contents;
    }

    .fondo_3{
        display: none;
    }

    .fondo_4_min{
        display: contents;
    }

    .fondo_5{
        display: none;
    }

}

.access{
    color: white;
    background-color: #5F8FA6;
    border-radius: 15px;
    box-shadow: black 5px 5px;
    text-align: center;
    padding: 10px 16px;
    padding-inline: 30px;
    text-decoration: none;
    font-size: 17px;
}

.access:hover{
    color: #5F8FA6;
    background-color: white;
    text-decoration: none;
}