/* boxes for section titles*/
.banner {
  box-sizing: border-box;
  position: relative;
  border: 10px solid;
  text-align: center;
  border-color: #12222f;
  background-color: #1b2b38;
  font-size: xx-large;
  color: white;
  
  
}


h2 {
  position: relative;
  text-align: center;
  color: white;
  font-size: large;
}

p {
    text-align: center;
}

/*formatting for sponsor tiles*/
.sponsors {
  height: 75px;
  padding: 5px;
}

/*Padding for body text to prevent overlap with sidebar*/
.content {
    padding-left: 12%;
    padding-right: 9%;
  }

/*size restriction for easy viewing of flyer*/
#flyer {
  max-height: 95vh;
  padding: 5% 0;
} 

a {
  color: white;
}

/* link adjustments */
a:visited,
a:active,
a:link,
a:focus {
  color: white;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 1023px) {
  h2 {
    font-size: larger;
  }

  .banner {
    text-align: center;
    font-size: x-large;
    width: 100%;
  }

  /*remove padding when sidebar disappears*/
  .content {
    padding-left: 0%;
  }

}

@media only screen and (max-width: 780px) {
  h2 {
    font-size: larger;
  }

  .banner {
    text-align: center;
    font-size: large;
    width: 100%;
  }

  /*keep flyer large enough to be readable on mobile*/
  #flyer {
    min-height: 100vw;
  }

  /*remove padding when sidebar disappears*/
  .content {
    padding-left: 0%;
  }
}