@import url('https://fonts.googleapis.com/css?family=Asap:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body, hetml{
	height: 100%;
	
	
	
}

.header{
	text-align: center;
	font-family: 'Permanent Marker', cursive;
	position: absolute;
	top: 20%;
	left: 25%;
	color: white;
	font-size: 60px;
	}

main{
	color: black;
	position: relative;
}

.background{
	width: 1700px;
	margin: 0px auto;
	display: block;
}
	

.secondTitle {
	text-align: center;
	margin: 1%;
	position: absolute;
	top: 35%;
	left: 28%;
	color: white;
	font-family: Asap, sans-serif;
	font-size: 50px;
}

.footer{
	position: absolute;
	top:73%;
	left:30%;
	font-family: Asap, sans-serif;
	font-size: 20px;
	color: white;
}

a:link{
	color: #F7F9Fb;
}
a:visited{
	color: #687864;
}
a:hover{
	color: #5085A5;
}
a:active{
	color: #8FC1E3;
}

/*
=== Responsive Grid Design ===
*/

.col-1 {width: 8.33%}
.col-2 {width: 16.66%}
.col-3 {width: 25%}
.col-4 {width: 33.33%}
.col-5 {width: 41.66%}
.col-6 {width: 50%}
.col-7 {width: 58.33%}
.col-8 {width: 66.66%}
.col-9 {width: 75%}
.col-10{width: 83.33%}
.col-11{width: 91.66%}
.col-12{width: 100%}