body{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif
}

h2{
    font-weight: 700px;
    font-size: 3.75rem;
    color: #707070;
    margin-top: 3rem;
    text-align: center;
}

.bg-blue{
    background-color: #11088d;
}

nav img{
    height: 3.3rem;
    padding-left: 2.5rem;
}

.logo{
    margin: 1rem;
    text-align:  center;
}

.responsive{
    max-height: 67px;
    height: auto;
  
}

.bd-azul{
    width: 100%; 
    background-color: #17A2B8;
    padding-top: 4rem;
    padding-bottom: 4rem;
    /* padding-left: 4rem;
    padding-right: 4rem; */
    color: white;
    font-size: 4rem;
    /* las siguiente tres lineas me permiten centrar texto e iconos verticamente al centro */
    display:flex; 
    justify-content: center;
    align-items: center; 
}

.alinear{
    display: inline-block; 
}



.formato{
    border-left: 2 rem;
    border-right: 2 rem;
}

.pie{
    max-width: 100%;
    text-align:  center;
}