header {
    width:100%;
    padding-bottom:56.25%;
    background-image: url(../images/plane_banner.jpg);
    background-size:cover;
}

h1 {
    font-size:200%;
    color:white;
    font-weight: 400;
}
body {
    width:100%;
}

nav {
    width:100%;
    padding-top:20px;
    padding-bottom:20px;
    background-color:#f7c15d;
    text-align:center;
}
nav ul {
    width:95%;
    margin:auto;
}
nav ul li {
    display:inline;
    font-size:110%;
    text-transform: uppercase;
    padding-right:8px;
    padding-left:8px;
}

#toggle {
		display:none;
	}
label[for="toggle"] {
	display:none;
}

div {
    width:31.333333%;
    padding-bottom:23.4999975%;
    margin:1%;
    float:left;
    box-shadow:5px 5px 5px black;
}
        
#image1 {
    background-image:url(../images/planes1.jpg);
    background-size: contain;
    
}

#image2 {
    background-image:url(../images/planes2.jpg);
    background-size: contain;

}

#image3 {
    background-image:url(../images/planes3.jpg);
    background-size: contain;
    
}

#image4 {
    background-image:url(../images/planes4.jpg);
    background-size: contain;
 
}

#image5 {
    background-image:url(../images/planes5.jpg);
    background-size: contain;
 
}

#image6 {
    background-image:url(../images/planes6.jpg);
    background-size: contain;

}

footer {
    width:100%;
    height:100px;
    background-color:#f7c15d;
    clear:left;
    text-align:center;
}

footer p {
    width:50%;
    margin:auto;
    text-align:center;
    padding-top:20px;
}

main ul {
    display:none;
}

.menu {
    display:none;
}

main {
    text-align:center;
}

h2 {
    display:none;
}
@media (max-width:600px) {
    .menu {
        display: inline;
        float:right;
    }
    nav ul {
        display:none;
    }
    .menu:hover ~ ul {
        display:block;
        width:35%;
        text-aligh:left;
    }
	
	label[for="toggle"] {
		display:inline;
		float:right;
	}
	
	#toggle:checked ~ ul {
		display:block;
	}
	
	nav ul li {
    	display:block;
    	text-align:left;
	}
    main ul {
        display:block;
        width:95%;
        margin:auto;
        text-transform: uppercase;
        float:left;
        width:100%;
    }
    h2 {
        display:block;
        float:left;
        margin-top:20px;
        width:100%;
        text-align:center;
    }
    
    main ul li {
        display:block;
        float:left;
        width:40%%;
        padding:2.5%;
        margin:2.5%;
        background-color:#f7c15d;
        border-radius: 5px 5px 5px 5px;
    }
    
    main ul li:nth-child(5) {
        clear:both;
        float:none;
        margin:auto;
        margin-bottom:25px;
    }
    
    div {
        width:100%;
        padding-bottom:75%;
    }
}