body {
	font-family : 'Arial', sans-serif;
	color : #000000;
	background-color : #fff;
	line-height : 1.6em;
	font-size : 16px;
}

/************************* HTAGS FOR TITLES ************************ */

h1 {
	font-size : 2.25rem;
	font-family: 'Fjalla One', sans-serif;
	display : block;
	line-height : 1.2;
	color : #fff;
	background-color : #002050;
	background-image: -moz-linear-gradient( 77deg, rgb(0,32,80) 0%, rgb(0,51,102) 100%);
	background-image: -webkit-linear-gradient( 77deg, rgb(0,32,80) 0%, rgb(0,51,102) 100%);
	background-image: -ms-linear-gradient( 77deg, rgb(0,32,80) 0%, rgb(0,51,102) 100%);
	margin : 0 0 25px;
	padding : 28px 20px 24px;
	text-transform : uppercase;
	position: relative;
	z-index: auto;
	border-bottom : 20px solid #e3cb73;
}

h2, .newstitle {
	font-size : 1.75rem;
	font-family: 'Karla', sans-serif;
	font-weight : 400;
	display : block;
	line-height : 1.1;
	color : #56071b;
	margin: 30px 20px 15px;
}

h3, .sidebar-top {
	font-size : 1.75rem;
	font-family: 'Nanum Gothic', sans-serif;
	display : block;
	line-height : 1.1;
	color : #56071b;
	font-weight: 400;
	position: relative;
	margin: 0px 0px 24px;
	padding: 0px 20px;
	border-bottom : 5px solid #e3cb73;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

h4 {
	position: relative;
	font-size : 1.625em;
	font-family: 'Karla', sans-serif;
	display : block;
	line-height : 1.1;
	color : #56071b;
	margin: 30px 20px 10px;
	font-weight: 400;
}

.signature {
	font-size: 2em;
	display: block;
	font-family: 'Caveat', cursive;
	font-weight: 400;
	color: #47000f;
}

.collapsible-title {
	font-family: 'Karla', sans-serif;
	color : #56071b;
	font-size: 1.4rem;
	margin-left: 20px;
	line-height : 1.2;
	padding : 5px 0;
	transition: all .2s ease-in-out;
}

a.collapsed-content {
	text-decoration: none;
}

.collapsible-title:hover, .collapsible-title:focus {
	text-decoration: underline;
}

.collapsible-title:after {
	content: '\f078';
	font-family: "Font Awesome 5 Pro";
	font-size: 1.2em;
	font-weight: 900;
	line-height: 1;
	position: absolute;
	margin-left: 10px;
	transition: all .2s ease-in-out;
}

.collapsible-title:hover:after, a.collapsed-content:focus > .collapsible-title:after {
	content: '\f077';
	transition: all .2s ease-in-out;
}

@media screen and (min-width: 48em) {
	h3 {
	text-align: center;
}

h4 {
	display: flex;
	align-items: center;
	text-align : center;
	margin: 30px 0px 10px;
}

h4::before {
	content: '';
	height: 2px;
	background-color: #e3cb73;
	display : inline-block;
	margin: 0 10px 0 0px;
	flex-grow: 200;
}

h4::after {
	content: '';
	height: 2px;
	background-color: #e3cb73;
	display : inline-block;
	margin: 0 0 0 10px;
	flex-grow: 200;
}


}

@media screen and (min-width: 80em) {
	h1 {
	line-height : 1.1;
	margin : 0 0 35px;
	border-bottom : 20px;
}

h1::before {
	content: '';
	width: 100%;
	height: 90px;
	background-color: #e3cb73;
	position: absolute;
	top: 20px;
	left : 20px;
	z-index : -1;
}

.page-title-container {
	content: '';
	height: 36px;
	width: 100%;
	background-color: #164674;
	left: 0;
	top: 50px;
	position : relative;
}


}

/************************* HEADER ************************ */

.header-wrapper {
	background-color : #fff;
	margin : auto;
	padding : 15px 0;
	width : 100%;
	max-width : 125rem;
}

.header-logo img {
	width: 90%;
	max-width : 470px;
	margin : 55px auto 0px;
	display : block;
	transition: .5s all;
}

.header-logo a:focus img, .header-logo a:hover img {
	transform: scale(.9);
}

.quicklinks-search-container {
	max-width: 75rem;
	position: relative;
	margin: auto;
	display: flex;
	justify-content : flex-end;
	top: 3.125rem;
	right: 1.25rem;
	align-items : center;
	color : #004a80;
	z-index : 100;
}

.quicklinks-search-container a {
	color : #004a80;
}

@media screen and (min-width: 48em) {
	.quicklinks-search-container {
	top: .938rem;
}

.header-logo img {
	width: 100%;
	margin : 10px auto;
}


}

@media screen and (min-width: 90em) {
	.header-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items : center;
	padding : 40px 0;
}

header {
	width : 24.5%;
}

.header-logo img {
	width: 90%;
	margin : 0px auto;
}


}

/************************* SOCIAL ICONS STYLING ************************ */

.search-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	padding-top : 5px;
}

.search-container i {
	font-size: 1.4rem;
	height: 1.375rem;
	width: 1.375rem;
	text-align: center;
	padding: 0px 3px;
	transition: all .2s ease-in-out;
}

a img.powerschool {
	margin : 0 0 0 5px;
	-webkit-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	-ms-transition: .3s ease-in;
	transition: .3s ease-in;
}

.search-container a {
	color: #56071b;
}

search-container .fa {
	font-size: 1.5rem;
}

.search-container i {
	-webkit-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	-ms-transition: .3s ease-in;
	transition: .3s ease-in;
	color: #56071b;
	text-align: center;
	margin: 0 3px;
}

.search-container a.social img {
	-webkit-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	-ms-transition: .3s ease-in;
	transition: .3s ease-in;
	padding : 0px 3px;
	margin-bottom : -3px;
}

i.fab.fa-facebook-f {
	width : 1rem;
	padding-right : 0px;
}

i.fa.fa-search {
	padding-left : 0px;
}

.search-container a.social:hover img, .serach-container a.social:focus img, .search-container i:hover, .search-container a:focus > i, .search-container i:hover, .search-container a:focus > i {
	transform: scale(1.25);
	color: #002050;
}

.search-container a:focus > i, a img.powerschool:hover, a img.powerschool:focus {
	transform: scale(1.25);
}

.social-dividing-line {
	height: 28px;
	width: 1px;
	background-color: #004a80;
}

@media screen and (min-width: 48em) {
	.header-social-container {
	position: relative;
	z-index: 0;
	top: -1px;
}


}

@media screen and (min-width: 90em) {
	.search-container {
	width : 8.9%;
	border-left : 4px solid #e5e5e5;
	padding : 5px 0 0px;
}


}

/************************  NAVIGATION ************************** */

#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}

.main-menu-btn {
	position: relative;
	display: block;
	padding: 0.815em 40px;
	height: 24px;
	overflow: hidden;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
	color: #000;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	float: none;
	margin : 0px;
}

.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
	position: absolute;
	top: 50%;
	left: 15px;
	height: 2px;
	width: 24px;
	background: #002050;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.main-menu-btn-text {
	position: absolute;
	top: -99999px;
}

.main-menu-btn-icon:before {
	content: '';
	top: -7px;
	left: 0;
}

.main-menu-btn-icon:after {
	content: '';
	top: 7px;
	left: 0;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
	height: 0;
	background: transparent;
}

.main-menu-btn-icon:before {
	content: '';
	top: -7px;
	left: 0;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#main-menu-state:not(:checked) ~ #site-navigation {
	display: none;
}

#main-menu-state:checked ~ #site-navigation {
	display: block;
}

/* Make sub indicators align to the left of the item */

.sub-arrow {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: auto;
	right: 4px;
	width: 34px;
	height: 34px;
	overflow: hidden;
	font: bold 16px/34px monospace !important;
	text-align: center;
	text-shadow: none;
	background: #595959;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */

a.highlighted span.sub-arrow:before {
	display: block;
	content:'-';
}

nav#menu {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	background-color: #fff;
	z-index: 999;
	position: absolute;
	top : 0;
	width : 100%;
}

nav.nav ul {
	border-top: 1px solid #fff;
}

.nav.nav ul li span {
	color : #fff;
	font-style : normal;
}

nav.nav  ul ul {
	padding-left : 20px;
}

nav.nav li a {
	padding: 6px 10px;
	color: #353535;
	text-decoration: none;
	font-size: 1.25rem;
}

nav.nav  li a:hover, nav.nav  li a:focus {
	text-decoration : underline;
}

nav.nav  ul ul li a {
	font-variant : normal;
	text-transform : none;
}

@media screen and (min-width: 48em) {
	/****** Desktop Nav ******* */

.main-menu-btn {
	position: absolute;
	top: -99999px;
}

#main-menu-state:not(:checked) ~ #site-navigation {
	display: block;
}

input#main-menu-state {
	display: none;
}

.sub-arrow {
	display: none;
}

nav#menu {
	position: relative;
	z-index : 1010;
}

nav.nav {
	max-width: 80rem;
	margin: auto;
	display : block;
	background-color: transparent;
}

nav.nav  ul {
	border-top-width : 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

nav.nav li {
	margin: auto;
	padding : 0;
}

nav.nav li a {
	padding: 1.063rem 0 1.188rem;
	font-size : 2.1vw;
}

nav.nav ul ul {
	position : absolute;
	top : 2.225rem;
	width : 14.5rem;
	padding: 0px .625rem;
	display: none;
	background-color: #fff;
	border: 1px solid #afaeae;
	border-top : 23px solid #47000f;
	outline: 4px solid #003366;
	outline-offset: 4px;
}

nav.nav ul ul::after {
	content: '';
	width: 77%;
	height: 8px;
	background-color: #e3cb73;
	position: absolute;
	top : -4px;
	left : .5px;
}

nav.nav ul ul ul {
	top : 2.4rem !important;
	margin-right : 14.55em !important;
}

nav.nav ul ul li {
	padding: 0px;
	border-bottom : 2px solid #d3d3d3;
}

nav.nav ul ul li:last-child {
	border-bottom : 0px solid #d3d3d3;
}

nav.nav ul ul li a {
	margin : .625rem 0;
	padding: .4rem .625rem;
	font-size : 1.15em;
	line-height : 1.1;
	transition: all 1.2s;
	text-shadow: none;
}

nav.nav ul ul li a:after {
	display: none;
}

nav.nav  ul ul li a:hover, nav.nav  ul ul li a:focus {
	color : #3c3c3b;
	background-color: #c9d4df;
	text-decoration : underline;
}

li.nav-Home {
	display : none;
}


}

@media screen and (min-width: 68em) {
	nav.nav li a {
	padding: 1.063rem .65rem 1.188rem;
	font-size: 1.375rem;
	position : relative;
}


}

@media screen and (min-width: 90em) {
	nav.nav li a {
	padding: 1.063rem .65rem 1.188rem;
	font-size: 1.15rem;
}

nav#menu {
	width : 66.6%;
}

nav.nav li a:hover, nav.nav li a:focus {
	text-decoration : none;
}

nav ul li a {
	position: relative;
}

nav ul li a:after {
	position: absolute;
	bottom: .75rem;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	content: '';
	color: transparent;
	background: #003366;
	height: 2px;
	text-shadow: none;
}

nav ul li a:hover:after, nav ul li a:focus:after {
	width: 100%;
}

nav ul ul li a:hover:after, nav ul ul li a:focus:after {
	display: none;
}

nav ul ul li a {
	transition: all .2s;
}

nav ul ul li a:after {
	text-align: left;
	content: '.';
	margin: 0;
	opacity: 0;
}

nav ul ul li a:hover, nav ul ul li a:focus {
	color: #fff;
	z-index: 1;
}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
	transition: all .2s;
}

nav.nav ul ul ul {
	margin-right : 0px;
	margin-left : 14.55em !important;
}


}

@media screen and (min-width: 105em) {
	nav.nav li a {
	font-size: 1.375rem;
}


}

/*******************************************************************
      QUICK LINKS
 ****************************************************************** */

.quicklinks-navigation {
	padding: 15px 0;
	border-top: 1px solid #003366;
	border-bottom : 8px solid #e3cb73;
}

.quicklinkscontainer-wrapper {
	display : none;
	max-width : 125rem;
	margin : auto;
}

.quicklinks-search-container .quicklinkscontainer-mobile {
	display : none;
}

.quicklinkscontainer-mobile {
	display: block;
	padding: 5px 0px;
	width: 100%;
	background-color : #e3cb73;
}

.quicklink-section {
	position : relative;
	margin : 5px auto;
}

.quicklinks-mobile-title {
	color : #353535;
	font-size: 1.25rem;
	line-height: 1;
	font-family: 'Karla', sans-serif;
	list-style: none;
	padding: 5px 10px;
	text-decoration: none;
	transition: all 1.2s;
}

.quicklinkscontainer-mobile li {
	color: #500416;
}

.quicklinks-mobile-title:hover > .quicklinks-mobile-title:before,
a.quicklinks-mobile:focus {
	text-decoration: none;
}

.quicklinkscontainer-mobile ul {
	margin: 5px 15px 5px 0px;
	text-align: left;
	color: #500416;
}

a.quicklinks-mobile {
	text-decoration: none;
}

.quicklink-section ul {
	display: inline-block;
	color: #fff;
	min-width : 175px;
	margin: 15px 30px;
}

.quicklink-section ul li a {
	color : #353535;
	font-size: 1.25rem;
}

#quicklinkscontainer-header {
	display: none;
}

@media screen and (min-width: 48em) {
	.quicklinks-navigation {
	display: none;
}

.quicklinkscontainer-wrapper {
	display : block;
}

#quicklinkscontainer-header {
	display: inline;
}

.quicklinks-navigation {
	display: none;
}

a.quicklinks-mobile {
	text-decoration: none;
}

.quicklinkscontainer-mobile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 50px 0px 25px;
	z-index : 10000;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-end;
	width : 95.4%;
	position : relative;
	border-top : 0px;
	margin : -25px 0 20px;
	z-index : 0;
}

#quicklinkscontainer_background_home .quicklinkscontainer-mobile {
	margin-left : auto;
	justify-content: flex-start;
}

.quicklink-section {
	width : 23%;
	max-width : 18.125rem;
	position : relative;
	margin : 0px 10px;
	text-align : center;
}

#quicklinkscontainer_background_home .quicklink-section:first-child {
	margin-left : 25px;
}

#quicklinkscontainer_background .quicklink-section:last-child {
	margin-right : 25px;
}

#quicklinkscontainer_background {
	position : relative;
	margin : 0 0 25px;
}

#quicklinkscontainer_background:after {
	content: '';
	height: 8px;
	width: 33%;
	max-width: 625px;
	background-color: #56071b;
	position: absolute;
	display: block;
	bottom: -25px;
}

#quicklinkscontainer_background:after {
	content: '';
	display: block;
	position: absolute;
	width: 21.9%;
	height: 8px;
	background-color : #500416;
	right : 0;
	bottom : -33px;
}

.quicklinks-mobile-title {
	color: #500416;
	font-size: 1.3rem;
	border : 3px solid #fff;
	padding: 5px 15px;
	word-break: break-word;
}

.quicklinks-mobile-title:hover, a.quicklinks-mobile .quicklinks-mobile-title:focus,  a.quicklinks-mobile:focus > .quicklinks-mobile-title {
	border : 3px solid #500416;
}

.quicklink-section a {
	color: #004a80;
}

.quicklink-section ul li a, .quicklink-section ul li a:hover, .quicklink-section ul li a:focus {
	color: #500416;
	font-family: 'Karla', sans-serif;
}

.quicklink-section ul li a:focus {
	text-decoration : none;
}

.quicklinkscontainer-mobile li {
	color: #500416;
	margin : 0 15px 0 0;
}

.quicklinks-mobile-divider {
	height: 16px;
	width: 2px;
	background-color: #fff;
	margin: 15px 7px 0;
}

#quicklinkscontainer_background_home .skip, #quicklinkscontainer_background .skip {
	position : relative;
	z-index : 100;
}


}

@media screen and (min-width: 60em) {
	.quicklinks-mobile-title {
	font-size: 1.875rem;
	position : relative;
	padding: 12px 15px;
}

a.quicklinks-mobile .quicklinks-mobile-title::before {
	top: -3px;
	left: -3px;
	border-width: 6px 0 0 6px;
}

a.quicklinks-mobile .quicklinks-mobile-title::after {
	bottom: -3px;
	right: -3px;
	border-width: 0 6px 6px 0;
}

a.quicklinks-mobile .quicklinks-mobile-title::before, a.quicklinks-mobile .quicklinks-mobile-title::after {
	content: '';
	display: block;
	position: absolute;
	border-color: transparent;
	border-style: solid;
	width: 0;
	height: 0;
}

a.quicklinks-mobile .quicklinks-mobile-title:hover::before, a.quicklinks-mobile .quicklinks-mobile-title:hover::after, a.quicklinks-mobile .quicklinks-mobile-title:focus::before, a.quicklinks-mobile .quicklinks-mobile-title:focus::after {
	width: 100%;
	height: 100%;
	transition: .5s linear;
	border-color: #500416;
}


}

/************************  FOOTER ************************** */

footer {
	background-color : #002a5b;
	background-image: -moz-linear-gradient( 90deg, rgb(0,32,80) 0%, rgb(0,51,102) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,32,80) 0%, rgb(0,51,102) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(0,32,80) 0%, rgb(0,51,102) 100%);
	color : #fff;
	font-size : 1.5rem;
	font-family: 'Karla', sans-serif;
	line-height: 1.3;
	position : relative;
}

.footer-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 75rem;
	position : relative;
	padding: 15px;
	text-align: center;
}

.footer-logo img {
	max-width: 92px;
	margin: 0 20px;
}

.footer-schoolname {
	font-size: 3rem;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
}

.footer-schoolname span {
	color: #e3cb73;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 1.75rem;
	display: block;
	line-height: 1;
}

.footer-address-1 span {
	display: none;
}

.footer-accessibilityLink span {
	color: #e3cb73;
	font-size: 1.125rem;
}

footer a {
	color : #e3cb73;
	text-decoration : none;
}

footer a:hover, footer a:focus {
	color : #fff;
	text-decoration : underline;
}

#copyright {
	clear : both;
	font-size : 1rem;
	line-height : 1.2;
	font-family: 'Karla', sans-serif;
	display : block;
	padding: 15px;
	text-align : center;
}

#copyright a {
}

.footer-motto {
	display : none;
}

footer .button a {
	background-color : transparent;
	color : #fff;
	font-size : 1.35rem;
}

footer .button a:hover, footer .button a:focus {
	text-decoration : none;
}

footer .button a:hover::before,
footer .button a:hover::after,
footer .button a:focus::before,
footer .button a:focus::after {
	border-color: #e3cb73;
}

.footer-backtotop a img, .border-backtotop img {
	display : none;
}

@media screen and (min-width: 48em) {
	.footer-container {
	padding: 0px 15px 35px;
}

.footer-schoolname-container {
	display: flex;
	justify-content: center;
	padding: 23px 0 10px 0;
}

.footer-schools-container {
	display: flex;
	justify-content: space-between;
}

.footer-schools-container .button {
	width : 23%;
	margin : 20px auto 0;
}

footer .button a {
	font-size : 1.25rem;
}

.footer-address {
	display: flex;
	justify-content: center;
}

.footer-fax {
	margin-left: 25px;
}

.footer-address-2 {
	margin-left: 7px;
}

.footer-address-1 span {
	display: inline;
}

.footer-address-container {
	line-height : 1.3;
}

.footer-accessibilityLink a {
	color: #e3cb73;
	font-size: 1.125rem;
}

.footer-phone-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 0;
}

.footer-phone-container span {
	display: inline;
	padding: 0 5px;
}

.footer-motto {
	font-size : 1.35rem ;
}


}

@media screen and (min-width: 65em) {
	footer .button a {
	font-size : 1.5rem;
}


}

@media screen and (min-width: 90em) {
	.footer-backtotop a img {
	display : block;
	width : 100%;
	transition: .8s all;
	position : absolute;
	bottom : -45px;
	max-width: 125rem;
	margin: auto;
	left: 0;
	right: 0;
}

.border-backtotop img {
	display : block;
	padding-bottom : 5px;
	transition: .8s all;
}

.footer-backtotop a img:hover, .footer-backtotop a:focus img {
	transform: translate(0px, -3px);
}

#copyright {
	padding : 35px 15px 15px;
}


}

/************************* MAIN BODY STYLING ************************ */

a {
	color : #000;
}

a:hover, a:focus {
	color : #000;
	text-decoration : none;
}

p, .newsBody {
	margin: 15px 20px;
}

ul, ol {
	margin: 15px 20px 15px 50px;
	padding: 0;
}

ol li ul {
	margin-left : -15px;
}

.main-content ul ul, .sidebar-content ul ul {
	margin-left: 0;
	padding-left: 20px;
}

.main-content {
	margin-bottom : 25px;
}

.header-photo img {
	display: block;
	width : 100%;
	z-index: 1;
	position : relative;
	max-width: 125rem;
	margin: auto;
}

.skip a, .skip a:focus {
	color: #000;
	background-color : #fff;
}

.quicklinks-search-container .skip a, .quicklinks-search-container .skip a:focus {
	color: #fff;
	background-color: #164674;
}

@media screen and (min-width: 48em) {
	#container {
	max-width : 75em;
	margin-left : auto;
	margin-right : auto;
}

main {
	max-width: 75rem;
	margin: 55px auto 25px auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 0px;
}

main.home {
	margin: 22px auto;
}

.main-content {
	width : 61.3%;
	margin : 0 0 0 1.8%;
	position : relative;
	order : 2;
}

.sidebar-content {
	width: 33.6%;
	position : relative;
	order : 1;
	padding-right : 3.3%;
}

.sidebar-content:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	z-index: -1;
	background-color : #fff;
	border-right : 7px solid #d7d7d7;
}


}

@media screen and (min-width: 78em) {
	main.home {
	margin: 42px auto;
}

.welcometitle-container span {
	display : inline-block;
	font-size : 10px;
	padding : 15px 13px;
}

.welcome-container h1 {
	padding: 0 0px;
}

.welcome-container h2::after {
	content: '';
	width: 100%;
	max-width : 589px;
	height: 7px;
	background-color: #fff;
	position: absolute;
	margin-left: 20px;
	margin-top: 18px;
}


}

/************************* HEADER AND BODY IMAGES ************************ */

.sidebar-content img, .main-content img, .welcome-container img {
	display: none;
}

.main-content img {
	margin-left : 1rem;
}

@media screen and (min-width: 48em) {
	.sidebar-content img {
	display: block;
	max-width: 404px;
	width : 90%;
	margin: 30px auto;
	padding : 0px;
}

.main-content img, .welcome-container img {
	display : block;
	margin-left : 1.25rem;
}

.banner-container {
	position : relative;
}


}

@media screen and (min-width: 78em) {
	.main-content img, .welcome-container img {
	margin-left : 0rem;
}

.sidebar-content img {
	width : 100%;
	margin-left : 0;
	margin-right : auto;
}


}

/************************* BUTTONS ************************ */

p.button {
	margin : 20px;
}

.button a {
	display: block;
	font-size: 1.5rem;
	line-height: 1.2;
	padding: 10px 15px;
	position: relative;
	font-family: 'Karla', sans-serif;
	background-color: #fff;
	border: 3px solid #b7b7b7;
	color: #003366;
	text-decoration: none;
	text-align: center;
	width: 89%;
	max-width: 365px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	margin: 0 auto;
}

.button a:before, 
.button a:after {
	content:'';
	display: block;
	position: absolute;
	border-color: transparent;
	border-style: solid;
	width: 0;
	height: 0;
}

.button a:before {
	top: -3px;
	left: -3px;
	border-width: 6px 0 0 6px;
}

.button a:after {
	bottom: -3px;
	right: -3px;
	border-width: 0 6px 6px 0;
}

.button a:hover::before,
.button a:hover::after,
.button a:focus::before,
.button a:focus::after {
	width: 100%;
	height: 100%;
	transition: .5s linear;
	border-color: #480110;
}

/************************  Quotes  ************************** */

.quote-container {
	display : none;
}

@media screen and (min-width: 48em) {
	.quote-container {
	display : block;
	width : 75%;
	background-color : #47000f;
	color : #fff;
	font-family: 'Karla', sans-serif;
	font-size : 1.5rem;
	text-align: center;
	z-index : auto;
	margin : 15px auto;
	padding : 20px;
	position : relative;
	word-break : break-word;
}

.quote-container::before {
	content: '';
	display: block;
	position: absolute;
	width: 200px;
	height: 50px;
	background-color: #e3cb73;
	left: -13px;
	top: -13px;
	z-index: -1;
}

.quote-container:after {
	content: '';
	width: 95%;
	height: 95%;
	background-color: transparent;
	position: absolute;
	top: 11%;
	left: 8%;
	outline: 10px solid #003366;
	z-index: -1;
}

p.author {
	font-size : 1.125rem;
}


}

@media screen and (min-width: 78em) {
	.quote-container {
	width : 82%;
}


}

/************************  GOOGLE TRANSLATE  ************************** */

#google_translate_element {
	display: none;
}

@media screen and (min-width: 66em) {
	#google_translate_element {
	display: block;
	position: fixed;
	bottom: 0;
	right: 20px;
}

.googe-te-gadget-simple span {
	color: #676767!important;
}

.goog-te-gadget-simple {
	border: 1px solid #d5d5d5!important;
}


}