@charset "utf-8";
/* CSS Document */

a {
  color: black;
}

.blue-background {background-color: #051442;}

.red-background {background-color: #E11A0A;}

.dark-red-background {background-color: #C20001;}

.white-text {color: white;}

.bg-dark {background-color: #051442 !important; }

.nav-item {
    color: white !important;
    margin-left: 5px;
    font-size: 18px;}

.nav-link {color: white !important;
    margin-left: 5px;
    font-size: 18px;
    
}


.my-nav, a:hover {text-decoration: underline !important; }


h2 {font-size: 20px;}

 .responsive-font-example {
    font-size: 38px;
  } 

@media (min-width: 500px) {
  .responsive-font-example {
    font-size: 32px;
  } 
    }

@media (min-width: 700px) {
  .responsive-font-example {
    font-size: 35px;
  } 
    }

@media (min-width: 1000px) {
  .responsive-font-example {
    font-size: 42px;
  } 
    }

.middel {vertical-align: middle;}