@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap');

body {
  background-color: white;
/*  font-family: 'Lato', sans-serif; */
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 17px;
}
#page {
	padding-top: 43px;
}
iframe {
	width: 100%;
	height: calc(100vw * 1.1);
}
.item {
	height: fit-content;
	margin-top: 15px;
	margin-bottom: 15px;"
}
img {
	vertical-align: middle;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.container {
  overflow-x: hidden;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
a {
	color: #FACD37;
}
a:hover {
	color: #E4D45B;
	text-decoration: none;
}
#announcements b {
	font-size: 24px;
}
#announcements {
	display: none;
	margin-right: -15px;
	margin-left: -15px;
}
#program {
	display: block;
	margin-right: -15px;
	margin-left: -15px;
}
#announcements .row, #program .row, #heading, #footer {
	margin-right: -10px;
	margin-left: -10px;
}
#switch-button, #switch-button-bottom {
	position: fixed;
	left: 0px;
	z-index: 100;
	width: 100vw;
	font-size: 36px;
	font-weight: 900;
	color: yellow;
	border-radius: 0;
}
#switch-button {
	top: 0px;
}
#switch-button-bottom {
	bottom: 0px;
}
#announcements .item {
	border-width: 1px;
	border-color: #444444;
	border-style: solid;
	border-radius: 5px;
	padding: 15px;
	background-color: #f8f8f8;
}
@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media screen and (min-width: 768px) {

}

@media (max-width: 767px) {
	#switch-button, #switch-button-bottom {
		font-size: 32px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media screen and (max-width: 767px) {

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

}

@media (max-device-width: 480px) and (orientation: landscape) {

}

@media all and (transform-3d), (-webkit-transform-3d) {

}

@media print {

}