@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
body {font-family: 'Roboto', sans-serif; font-weight: 400;}
strong {font-weight: 700;}
.rojo {color:#fb0f0c;}
.azul {color: #1c213d;}
.f-azul {background-color:#1c213d;}
.blanco, .blanco a, .blanco a:hover {color: white!important;}

#wrapper-navbar {margin: 16px 0;}
.menu-item {margin: 0 18px;text-align: center;}
.nav-link {color: #1e233e;font-weight: 700; padding: 6px 18px; border-radius: 40px; font-size: 1.2rem;}
#main-nav .nav-link {color: #1e233e;}
#main-nav .active .nav-link, #main-nav .nav-link:hover  {color: white;}
.rounded-circle-c img {border-radius: 50%!important;}

@media screen and (min-width:480px) {
    .active .nav-link, .nav-link:hover, .current-page-ancestor .nav-link  {color: white; background-color:#fb0f0c; font-weight: 400;}
}