h2{
  text-transform:uppercase;
  color:#cc071e;
}

hr{
  height:2px; 
  background:#cc071e;
}

a{
  color:#cc071e;
  font-weight:bold;
}

a:hover{
  color:#cc071e;
}

.header{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-logo{
  max-width:100px;
  display:inline-block;
  margin:20px;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .main-logo{
    max-width:150px;
    margin:70px 20px 30px 20px;
  } 
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
   
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 120px) {
  
}