/* ANNOUNCEMENT BAR STYLE -------- */


.announcement-bar { 
display: none;       /* Hey Collin, to set as visible add the comment forward slash and asterik around this line */
background-color: #95BCEB;   /* You can change the background color of the bar here, just change the hex color code */
color: #ffffff;              /* Font color is #FFFFFF which is white */  
text-align: center;
width: 100%; 
overflow: hidden; 
padding: 10px 0;
}




/* ANNOUNCEMENT BAR MOBILE STYLE - COLLIN DONT TOUCH ANYTHING BELOW THIS LINE -------- */

@media screen and (max-width: 320px){ 
  .announcement-bar { display: none;}
}


@media screen and (min-width: 321px) and (max-width: 480px){ 
  .announcement-bar { display: none;}
}

  
@media screen and (min-width: 480px) and (max-width: 640px) and (orientation: landscape) {
  .announcement-bar { display: none;}
}