@import url(http://fonts.googleapis.com/earlyaccess/notokufiarabic.css);
body{
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: #ecf0f1;
}
header{
	position: relative;
	height: 5px;
	width: 100%;
	background-color:#e74c3c;
	margin-bottom: 100px;
}
#con{

}
#logo img{
	height: 180px;
	width: 180px;
}
h1{
color: #34495e;
	font-family: 'Fjalla One', 'Noto Kufi Arabic';
}
a:hover{
text-decoration: none;
color: #e74c3c;
transition:all 1s;
}

h3{
	font-family: 'Fjalla One', 'Noto Kufi Arabic';
	color:#23527c;
}

h4{
	font-family: 'Fjalla One', 'Noto Kufi Arabic';
}

#box1 img, #box2 img, #box3 img, #box4 img{
	height: 80px;
	width: 80px;
}
.box{
	margin-bottom: 7px;
}

#box2 a:hover img{
	opacity: 1;
}
a:hover h3 {
	color:#0F050E;
}
hr{
	background-color: #c0392b; height: 1px; border: 0; width: 100px;
}

#line hr{
	background-color: #bdc3c7; height: 4px; border: 0; width: 200px;
}

footer{
		position: relative;
	height: 2px;
	width: 100%;
	background-color:#e74c3c;
}
h5{
		font-family: 'Fjalla One', 'Noto Kufi Arabic';
	color:#000;
}

#brand a:hover img{
	opacity: 0.8;
}