* {

	padding: 0;

	margin: 0;

	box-sizing: border-box;

	font-family: 'Raleway', sans-serif;

}



#return-button {

	display: none;

	position: fixed;

	bottom: 15px;

	right: 15px;

	width: 40px;

	height: 40px;

	background: black;

	border: none;

	padding: 10px;

	border-radius: 100%;

	outline: none;

	cursor: pointer;

	transition: all 0.5s;

}



#return-button:hover {

	background: #1e1e1e;

}



#return-button img {

	max-width: 100%;

	max-height: 100%;

}



/****Top Menu****/



.menu {

	top: 0px;
	position: fixed;

	min-width: 100%;

	max-width: 100%;

	display: grid;

	padding: 5px;

	background: white;

	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);

	z-index: 999;

}



div.menu-top {

	display: flex;

}



img.logo {

	height: 150px;

	margin: 5px auto;

	cursor: pointer;
	
	

}



img.hamburger {

	display: none;

	height: 20px;

	margin-top: 5px;

	margin-bottom: 5px;

	margin-left: auto;

	cursor: pointer;

}



div#navigation-container {

	list-style: none;

	display: grid;

	grid-template-columns: repeat(7, auto);

	grid-column-gap: 5px;

	margin: auto;

}








div#navigation-container button {

	padding: 10px;

	color: #600000;

	transition: all 0.5s;

	cursor: pointer;

	background: none;

	font-size: 16px;

	font-weight: 700;

	border: none;

	outline: none;

}



div#navigation-container button:hover {

	background: #eeeeee;

}



.final-class {

	padding: 10px;

	color: #600000;

	transition: all 0.5s;

	cursor: pointer;

	background: none;

	font-size: 16px;

	font-weight: 700;

	border: none;

	outline: none;

}



.final-class:hover {

	background: #eeeeee;

}



/****Header Image****/



div.header {

	height: 100vh;

	background: linear-gradient( rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) ), url(../images/topImage.jpg);

	background-size: cover;

    background-position: flex;

    z-index: 1;

    display: flex;

    justify-content: left;

    align-items: flex-end;

}

img.topImage {
	padding-top: 50px;
	width: 100%;
	height: auto%;
	
	
}



img.logo-full {

	height: 25%;

	cursor: ;

/*	background: rgba(255, 255, 255, 0.5);*/

	padding: 10px 25px;

	border-top-left-radius: 15px;

	border-top-right-radius: 15px;
	   


}



/****Tip Of The Day****/



div.tip {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	font-size: 18px;

	padding: 10px 0;

	background: #600000;

	color: white;

}



div.info-container {

	margin: 20px 1%;

}



h1.announcer {

	color: #600000;

	font-weight: 400;

}



div.breaker {

	margin: 10px 1%;

	width: 100%;

	height: 0px;

	background: #e1e1e1;

}



p.info1 {

	line-height: 1.4em;

	text-align: center;

	column-count: 1;

	column-gap: 25px;
	
	

}

p.info2 {

	line-height: 1.4em;

	text-align: left;

	column-count: 1;

	column-gap: 50px;
	
	

}


p.info3 {

	line-height: 1.4em;

	text-align: center;

	column-count: 3;

	column-gap: 25px;
	
	

}

	
	




img.img-responsive {

	display: flex;

	max-width: 40%;

	margin: auto;

}



p.p-border-accent {

	border-left: 0px solid #600000;

	margin-left: 50px;

	padding-left: 5px;

	display: list-item;

}



p.p-border-accent-clear {

	margin-left: 15px;

}



p.heading-bold {

	color: white;

	background: #500000;

	width: 100%;

	display: block;

	padding: 9px;

	text-align: center;

	font-size: 28px;

}



div.contact-info {

	display: flex;

	color: white;

}



i.material-icons {

	color: white;

	font-size: 28px;

	margin-right: 15px;

	display: flex;

	align-items: center;

}



p.contact-text {

	font-family: 'Roboto', sans-serif;

	font-size: 28px;

}



div.col-organize {

	display:flex;

	flex-direction: row;

}



div.col-child {

	width: 100%;

}



a.link {

	color: white;

	text-decoration: none;

	display: block;

	width: 100%;

	padding: 5px 0;

	transition: all 0.5s;

}



a.link:hover {

	background: white;

	color: #600000;

}



div#copyright {

	font-family: sans-serif;

	width: 100%;

	background: black;

	color: white;

	padding: 5px;

	text-align: center;

}



p.bold {

	font-weight: bold;

}

img.soa {

	width: 300px;

	height: auto;

	margin: 5px 0;
	
	
}

img.social {

	width: 40px;

	height: auto;

	margin: 5px 0;



}



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

	/* RESPONSIVE */

	img.topImage {
		padding-top: 60px;
		width: 100%;
		height: auto;
	}



	img.logo {

		margin-top: 5px;

		margin-bottom: 5px;

		margin-left: 10px;

		margin-right: 0px;

		height: 80px;

	}



	img.hamburger {

		display: inline-block;

	}



	div#desktop-breaker {

		display: none;

	}



	div#navigation-container {

		display: none;

		flex-direction: column;

		margin: 0px;

	}



	div#navigation-container button {

		text-align: left;

		width: 100%;

	}



	div.info-container {

		margin: 20px 15px;

	}



	p.info {

		column-count: 1;

	}



	img.img-responsive {

		max-width: 100%;

	}




}