body{
	font-family: "Century Gothic", Calibri,serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

h1{
	font-size: 40px;
	font-weight: normal;
    text-align: center;
    color:blue;
}




header{
	height: 100px;
}

footer{
	height: 80px;
	padding-top: 30px;
	text-align: center;
	background-color: grey;
	border-top: 2px solid #AAA;
}

nav{
	width: 100%;
	background-color: #424558;
}

nav ul{
	margin: 0px;
	padding: 0px;
}

nav li{
	list-style-type: none;
	float: left;
}

nav a{
	display: inline-block;
	text-decoration: none;
	padding: 20px 30px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 15px;
}

.table{
	display: table;
	margin: 0 auto;
}

.menu-ind:hover{
	border-top: 5px solid#4C8;
	background-color: rgba(64,200,130,0.15);
}

.menu-parc:hover{
	border-top: 5px solid#f1dc4f;
	background-color: rgba(241,211,79,0.15);
}

.menu-hob:hover{
	border-top: 5px solid#007088;
	background-color: rgba(000,112,192,0.15);
}

.menu-con:hover{
	border-top: 5px solid#e44d26;
	background-color: rgba(228,77,36,0.15);
}

nav li:hover a{
	padding: 15px 30px 20px 30px;
}

@media screen and(max-width:780px){
	header{
		height: 50px;
	}
h1{
	font-size: 28px;
	margin: 20px 0px 0px 0px;
}

nav li a{
	font-size: 12px;
    padding: 10px;
}
nav li:hover a{
	padding: 5px 10px 10px 10px;
}
     
}