.wrapper
{
	font-family: Comic Sans MS;
	font-style: italic;
	color: red;	
	max-width: 100%;
	#font-weight: bold;
	position: absolute;
	#background: green;
}

.header
{
	text-align: center;
	font-weight: bold;
	#background: blue;
	position: relative;
	top: -21px;
	left: 0.2%;
}

.header a
{
	padding-right: 2rem;	
}
.head_h1
{
	border-bottom: 5px solid red;
	max-width: 35rem;
	position: relative;
	left: 30.3%;
}

.head_h3
{
	position: relative;
	left: 20.55rem;
	top: -1.35rem;
	font-size: 1rem;
	width: 50%;
}
	

nav
{
	max-width: 100%;
	background-color: white;
	#background: blue;
	position: relative;
	top: -2.35rem;
	left: 5.25rem;
	
}

nav ul
{
	display: inline-table;
	margin-left: 0rem;
	list-style-type: none;
	#background: green;	
}

nav ul li 
{	
	float: left;
	margin: 0px 5px 0px 5px;
	#background: red;
}

nav ul li a
{
	text-decoration: none;
	display: block;
	margin: 0px 20px 0px 20px;
	color: black;
	background-color: white;
}

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

.head_img
{
	position: absolute;
	top: 0rem;
	display: block;
	float: left;
	width: 13.95%;
	height: 45.5%;
	left: 2.9rem;
	#background: green;
	z-index: 2;
	
}

.strap
{
	font-size: 1.5rem;
	max-width: 100%;
	font-weight: normal;
	position: relative;
	top: -3.65rem;
	left: 6.55rem;	
}

.act-menu
{
	position: relative;
	left: 40%;
}

.act-menu a
{
	text-decoration: none;
	display: block;
	border: 1px solid black;
	border-collapse: collapse;
	width: 20%;
	color: black;
	font-style: normal;
	text-align: center;
	position: relative;
	top: -2rem;
}

.act-menu a:hover
{
	color: red;
}

.act-menu li
{
	list-style-type: none;
}