:root {

    --bs-blue: #1E2B50;

    --bs-yellow: #FECD0D;

    --bs-black: #000;

    --bs-white: #fff;

    --font-s: 1.25rem;

    --font-m: 2.1875rem;

    --font-xl: calc(1.375rem + 1.2vw);

    --font-normal: calc(.6rem + .8vw);

}

body, html {

    overflow-x: hidden;

    margin: 0;

    padding: 0;

}



body {

    font-family: 'Roboto', sans-serif;

    font-size: var(--font-normal);

}



h1 {

    font-weight: 500;

    font-size: var(--font-xl);

}

h2 {

    font-weight: 500;

    font-size: var(--font-m);

}

.bg-azul {

    background-color: var(--bs-blue);

}


.text-negro a {
    text-decoration: none;
    color: var(--bs-body-color);
}
.texto-header {

    max-width: 870px;

}

.link {

    color: #0E4385;

    text-decoration: none;

    font-weight: 500;

}

.contenedor-edge {

    position: relative;

}

.edge {

    height: 100%;

    width: 50vw;

    position: absolute;

    background-repeat: no-repeat;

    background-size: cover;

}

footer {

    font-size: var(--font-s);

    color: var(--bs-white);

}

footer a {

    text-decoration: none;

    color: var(--bs-white);

}

footer a:hover {

    text-decoration: none;

    color: var(--bs-white);

}

footer .titulo {

    text-transform: uppercase;

    font-weight: 700;

}



/* `sm` applies to x-small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) { 

    .contenedor-edge {

        padding: 0;

    }

    .edge {

        height: 75vh;

        width: 100%;

        position: relative;

    }

 }



/* `md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {



 }



/* `lg` applies to medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) { 



 }



/* `xl` applies to large devices (desktops, less than 1200px)*/

@media (max-width: 1199.98px) { 

    

 }



/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/

@media (max-width: 1399.98px) { 

    

 }