.accent {
   text-transform: uppercase;
   color:black;
   font-weight:bold;
   font-size:larger;
}

.highlight {
  font-size: 1.2em;
  line-height: 1.5em;
}

@media (min-width: 1011px) {
   .logo {
      max-height: 171px;
   }
}

@media (max-width: 1010px) {
   .logo {
      max-height: 190px;
   }
}

@media (max-width: 991px) {
   .logo {
      height: 209px;
      max-height: 209px;
   }
}

@media (max-width: 946px) {
   .logo {
      height: 228px;
      max-height: 228px;
   }
}

@media (max-width: 867px) {
   .logo {
      height: 247px;
      max-height: 247px;
   }
}

@media (max-width: 793px) {
   .logo {
      height: 266px;
      max-height: 266px;
   }
}

@media (max-width: 767px) {
   .logo {
      height: 209px;
      max-height: 209px;
   }
}



@media (max-width: 714px) {
   .logo {
      height: 228px;
      max-height: 228px;
   }
}


@media (max-width: 655px) {
   .logo {
      height: 247px;
      max-height: 247px;
   }
}


@media (max-width: 599px) {
   .logo {
      height: 266px;
      max-height: 266px;
   }
}

@media (max-width: 500px) {
   .logo {
      max-height: 300px;
   }
}