body
{
	max-width: 1000px;
	float:none;
	margin:auto;
	background-color:#000000;
	color:white;
	margin-top:0px;
	font-family:"Roboto Slab",serif;
}

head
{
	margin-bottom:0px;
}

header
{
	width:100%;
	display:inline-block;
}

main
{
	width:40%;
	float:left;
	display:block;
	min-height:300px;
	padding-left:2.5px;
	padding-right:2.5px;
	border-right:2px solid red;
	border-left:2px solid red;
	margin-left:90px;
}

main h1,h2,h3,h4,h5
{
	text-align:center;
	color:red;
}

main p
{
	text-align:center;
	background-color:#1a1a1a;
}

aside
{
	width:30%;
	float:right;
	display:block;
	min-height:300px;
}

aside h2
{
	text-align:center;
}

aside h4
{
	text-align:center;
}

footer
{
	width:100%;
	display:inline-block;
}

/* *********************************** Classes Below ***************************************** */

/* ************************************ NAVIGATION BAR CLASSES ********************************* */
.topnav
{
	/*text-align:center;*/
	background-color: #333;
	overflow: hidden;
}

.topnav a
{
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover 
{
  background-color: #ff8080;
  color: black;
}

.topnav a.active 
{
  background-color: #Ff0000;
  color: white;
}

.topnav .icon 
{
  display: none;
}

.logo
{
	float:left;
	display:block;
	height: 160px;
	width:160px;
	border-top-right-radius: 50% 50px;
	border-bottom-left-radius: 50% 35px;
	border-bottom-right-radius: 50% 45px;
	border-top-left-radius: 50% 50px;
	background-color: white;
	margin-right: 5px;
	margin-top: 5px;
}

/* ******************************** BODY CLASSES ************************************** */
.body-align-left
{
	width:20%;
	float:left;
	display:block;
	min-height:300px;
	text-align:center;
}

.anc 
{
color:red;
font-weight: bold;
}


/* ******************************** FOOTER CLASSES ************************************* */
.left-footer
{
	width:33%;
	float:left;
	display:block;
	min-height:200px;
	text-align:center;
	background-color:#1a1a1a;
}

.left-footer a
{
	color:red;
	font-weight:bold;
}

.left-footer a:hover
{
	color: white;
	font-weight: bold;
}

.center-footer
{
	width:33%;
	float:left;
	display:block;
	min-height:200px;
	text-align:center;
	background-color:#1a1a1a;
	border-left:5px solid black;
	border-right:0.1px solid black;
}

/* Plugin Social Media Class Styling*/
.fa
{
	padding: 20px;
	font-size: 30px;
	width: 50px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
}

.fa:hover
{
	color: red;
}

.fa-facebook
{
	background-color:whitesmoke;
}

.fa-twitter
{
	background-color: white;
}
.right-footer
{
	width:33%;
	float:right;
	display:block;
	min-height:200px;
	text-align:center;
	background-color:#1a1a1a;
}

.rght-footer h1,h2,h3,h4,h5,h6
{
	color: white;
}

.bottom-footer
{
	width:100%;
	display:inline-block;
	text-align:center;
	background-color:#1a1a1a;
	font-style:italic;
	color:red;
	border-top:10px solid black;

}

/* **************************************** Forms Classes *********************************************************************** */

.signup-form
{
	width: 50%;
	margin-left: 25%;
	display: block;
	text-align: center;
	font-family:"Roboto Slab",serif;
	color: white;
	font-weight: bold;
}

.signup-form input
{
	color: red;
	font-family:"Roboto Slab",serif;
	font-weight: bold;
	font-style: italic;
}

.signup-form-button
{
	background-color:black;
	color: white;
	font-family: Roboto Slab,serif;
	font-weight: bold;
	border: 5px solid red;
	border-radius: 50%;
	width:180px;
	height: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.signup-form-button:hover
{
	background-color: white;
	color:red;
	border: 5px solid green;

}

.form1
{
	display: block;
	width: 50%;
	margin: 25%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 120px;
}

/* ****************************************     ID Styling     ************************************************************** */

/* *****************************************    Video Styling   *************************************************************** */
#index-vid1
{
	
	display: block;
	float: center;
}

/* *****************************************    Button ID Styling *********************************************************** */
#but1
{
	background-color: red;
}

#but1:hover
{
	background-color: white;
}

/* ******************************************** Nav Bar ID Styling **************************************************************** */
#log-sign-in
{
	display: block;
	float:right;
}

/*Sign Up Page / Log In Page H1 - H6 ID Styling*/
/*su = Sign Up H1*/
#su-h1
{
	width: 50%;
	margin-left: 37%;
}

/* *********************************************** Footer ID Styling ************************************************************** */