index.css

#container
		{
			width:100%;
			height: 100%;
		}
		#header
		{
			background-color:#696969
			width 100%;
			height: 30%;
		}
		
		#right
		{
			background-color: #696969;
			width: 50%;
			height: 40%;
			float: right;
		}
		
		#left
		{
			background-color: #696969;
			width: 50%;
			height: 50%;
		
			
		}
#left h1{
	font-family: "alfa-slab-one";
	
}
		
		#footer
		{
			background-color: #696969;
			width: 100%;
			height: 40%;
		}

#header img{width: auto;
height: auto;
}

div full-container{
	width:100%;
	height:100%;
	
}

body{   
            margin: 0;
            padding: 0;
        }    
        #box1{
            height: 100vh;
            width: 100%;
            background-image: url(img/i1.jpg);
            background-size: cover;
            display: table;
            background-attachment: fixed;
        }
        #box2{
            height: 100vh;
            width: 100%;
            background-image: url(img/i2.jpg);
            background-size: cover;
            display: table;
            background-attachment: fixed;
        }
        #box3{
            height: 100vh;
            width: 100%;
            background-image: url(img/i3.jpg);
            background-size: cover;
            display: table;
            background-attachment: fixed;
        }
        h1 {
            font-family: arial black;
            font-size: 50px;
            color:white;
            margin: 0px;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }