*{
	margin: 0;
	padding: 0;
}

.header{
	background-color: black;
}

.logo{
	float: left;
	width: 115px;
	margin-top: 10px;
	margin-left: 5px;
}
.icon-bar{
	background: white;
	margin-top: 15px;
}
ul{
	float: right;
	list-style-type: none;
	margin-top: 25px;
}

ul li{
	display: inline-block;
}

ul li a{
	text-decoration: none;
	color: white; 
	margin-top: 10px;
	padding: 5px 20px;
	border: 1px solid transparent;
	transition: 0.6s ease;
	font-family: Times New Roman;
	text-transform: uppercase;
}

ul li a:hover{
	background-color: #fff;
	color: #000;
}
ul li.active a{
	background-color: #fff;
	color: #000;
}

.main{
	max-width: 1200px;
	margin: auto;
}

.title{

	font-family: Times New Roman;
	color: white;
	font-size: 30px;

}
.homes{
	color: black;
	top: 35%;
	left: 10%;
	font-size: 40px;
	font-family: Times New Roman;

}

p{
	color: black ;
}

.text{
	
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	color: black;
	font-family: Times New Roman;
	font-size: 16px;
}



h4{
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
a:hover {
  color: blue;
  text-decoration: none;
}

.head1 a{
	text-decoration: none;
	color: blue;
	font-size: 18px;
	text-align: center;
}

.head2 a{
	text-decoration: none;
	color: blue;
	font-size: 18px;
	text-align: center;
}

hr.new{
	border: 1px solid black;
}

.foot{
	color: white;
	background-color: black;
	
}

@media screen and (max-width: 707px)
{
.text{
	width: 90%;
	}	
}