body
{
	background-color:#3B3B3B;
	margin:0;
	padding:0;
}
#container
{
	width:100%;

}
#logo
{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	padding:40px 0;
}
#log
{
	float:left;
	padding:10px;
	text-align:center;
	font-size:60px;
}

.nav
{
	width:100%;
	background-color:#C95F34;
	text-align: center;
	padding: 10px 0;

}

.nav1
{
	float:left;
	color:#D9D9D9;
	font-size:20px;
	padding:15px;
	border-right:2px dotted #A65433;
	text-align: center;
	width:150px;
}
.nav1:hover
{
	cursor:pointer;
	background-color:#954322;
}
#content
{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding:15px;
	color:#D9D9D9;
	font-size:20px;
	text-align:justify;
	margin-top:30px;
	margin-bottom:30px;
}
#socials
{
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0;

}
.fb
{
	float:left;
	margin-left:10px;
	margin-right:10px;
	background-color:#415E9B;
	width:210px;
	padding:10px;
	min-height:142px;
	text-align:center;
}
.fb:hover
{
	cursor:pointer;
	background-color:#304d8a;
}
.yt
{
	float:left;
	margin-left:10px;
	margin-right:10px;
	background-color:#E62117;
	width:210px;
	padding:10px;
	min-height:142px;
}
.yt:hover
{
	cursor:pointer;
	background-color:#d51006;
}
.gp
{
	float:left;
	margin-left:10px;
	margin-right:10px;
	background-color:#C03C30;
	width:210px;
	padding:10px;
	min-height:142px;
}
.gp:hover
{
	cursor:pointer;
	background-color:#b02b20;
}
.tw
{
	float:left;
	margin-left:10px;
	margin-right:10px;
	background-color:#1DA1F2;
	width:210px;
	padding:10px;
	min-height:142px;

}
.tw:hover
{
	cursor:pointer;
	background-color:#0c90e1;
}
#footer
{
	color:#D9D9D9;
	padding:15px;
	width:100%-30px;
	background-color:#2B2B2B;
	text-align:center;
}