/* All defaults for the main skeleton of the site AND some basic elements used through-out */
/* ----- Style individual pages that differ from these defaults in the page_style.css ---- */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	}

body{
	background-color: #e6e6e6;
	}

.fixed{
	position: fixed;
	z-index:2;	
	}

div.top_container {
	top: 0px;
	width: 100%;
	height: 5rem;
	background-color: #b3b3b3;
	}

nav{
	width: 70%;
	height: 100%;	
	margin: auto;
	flex-direction: row;
	flex-wrap: nowrap;
	display: flex;
	}

div#brand{
	width: 20%;
	min-width: 125px;
	text-align: left;
	}
	
div#nav_links{
	width: 50%;
	min-width: 125px;
	margin: auto;
	flex-direction: row;
	flex-wrap: nowrap;	
	display: flex;	
	}

div#login{
	width: 20%;
	min-width: 75px;
	margin: auto;
	}	
	
div.semi_btn {
	height: 5rem;
	min-width: 50px;
	margin: 0.01rem;
	background-color: #b3b3b3;
	cursor: pointer;
	border: 2px solid #b3b3b3;
	display: flex;
	}
	
div.semi_btn:hover{
	border: 2px solid;
	background-color: #b3b3b3;
	border-top-color: #f2f2f2;
	border-left-color: #e6e6e6;
	border-right-color: #808080;
	border-bottom-color: #666666;
	border-radius: 3px;
	display: flex;
	}

div#brand_btn{
	width: 100px;
	}	

div#login_btn{
	width: 75px;
	margin-left: auto;
	}

div#ham_menu{
	width: 50%;
	display: none;  /* Hides the Hamburger Menu, showing happens in media_style.css */
	margin: auto;
	}

div#ham{
	width: 50px;
	flex-wrap: wrap;	
	display: flex;
	margin-left: auto;
}

div.ham_burger{
	width: 4rem;
	height: 0.3rem;
	margin: 0.3rem 0;
	border: 2px solid #000000;
	border-radius: 4px;
	padding: 0;
	}

/* end of the top section of the website */

div.main_container{
	position: relative;
	top: 5.25rem;
	width: 100%;
	height: 100%;
	z-index: 1;
	}
	
main {
	width: 70%;
	margin: 0px auto;
	}
	
section{
	width: 100%;
	}

div#to_top{
	width: 50px;
	position: sticky;
	bottom: 30px;
	margin-left: auto;
	border-radius: 25px 25px;
	z-index: 2;
	}

/* end of the main content section of the website */

footer {
	width: 70%;
	margin: 2rem auto;
	background-color: #b3b3b3;
	opacity: 90%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
	}
	
address{
	margin-bottom: 3rem;
	}	

/* end of the actual scrolling content of the site */

div.bottom_container {
	bottom: 0px;
	width: 100%;
	background-color: #b3b3b3;	
	height: 2.5rem;
	padding: 0.35rem;
	text-align: center;
	}