@charset "UTF-8";


* { margin: 0; padding: 0; }

a { text-decoration: none; color: red; }

p { margin-top: 10px; margin-bottom: 15px; font-size: 18px; color: #444;}

.clearfix { overflow: auto }

.wrapper {
	margin: 0 auto;
	width: 1000px;
}

div.logo {
	width: 250px;
	float: left;
}
div.h_image img{
	height: 100px;
	width: 600px;
	margin-top: 10px;
	float: left;
}

header .logo {
	margin-top: 30px;
	margin-left: 20px;
	float: left;
}

header .logo img { 
		width: 200px;
		float: left;
		
}

header .socialmedia { 
	float: right; 
	margin-top: 50px;
	margin-right: 20px;
}

header .socialmedia ul { 
	list-style: none 

}

header .socialmedia ul li { 
	display: inline 
}

header .socialmedia ul li a {
	margin-left: 5px;
	padding: 6px;
	background: #444;
	color: #fff;
	display: inline-block;
	border-radius: 20px;
}

header .socialmedia ul li a:hover {
	background: orange;
}


nav {
	margin-top: 20px;
	background: #000;
	background: linear-gradient( #0000ff, #4d4dff,  #0000ff);
	text-align: center;
	border-radius: 5px;

			
  			position: sticky;
  			top: 0;
}

nav ul {
	list-style: none;
}

nav ul li {
	display: inline;

}

nav ul li a {
	color: #fff;
	text-transform: uppercase;
	margin: 10px 40px 10px 40px;
	display: inline-block;

}

nav ul li a:hover {
	color: red;
}

div.add {
	width: 1000px;
	margin: auto;	

}
div.add h3 {
	margin-left: 10px;
	font-weight: normal;
	color: red;
}

div.add a {
   color: black
}
div.add a:hover {
	color: red;
}
div.table {
	border: 1px;
}

div.img {
	width: 970px;
	margin: auto;

}

div.copyrights {
	margin: auto;
	width: 1000px;
	background-color: #888;
	float: left;
}
	div.left {
		float: left;
		margin: 10px;
}
	div.right {
		float: right;
		margin: 10px;
}