@charset "UTF-8";
/* CSS Document */

body,html{
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-top: 1%;
	font-family:Cambria;
	font-size:15px;
	line-height:1.5;
	padding:0;
	background-color:#E5E7E6;
}

/* flexboxes */
.row {
  display: flex;
  flex-wrap: wrap;
}

.column {
  flex: 25%;
  padding: 5px;
}

@media only screen and (max-width:480px) {
	.column { 
		width: 100%;
		
	}
}

@media only screen and (max-width:1024px){
	.column { 
		width: 25%;
		
	}	
}

.column img {
  	column-count:4;
  	margin-top: 10px;
  	vertical-align: middle;
}

@media only screen and (max-width:480px) {
	.column img { 
		width: 100%;
		
	}
}

@media only screen and (max-width:1024px){
	.column img { 
		width: 25%;
		
	}	
}


.banner {
	width: 100%;
	height: 200%;
	}
	
p{
	color:#000000;
	font-size:16px;
}

h1{
    color:#E9692C;
    padding:0;
    display:flex;
    justify-content:space-around;
    border:none;   
	font-size: 22px;
    }

@media only screen and (max-width:480px) {
	h1 { 
		font-size: 25px;
		
	}
}
	
@media only screen and (max-width:1024px){
	h1 { 
		font-size:20px;
		
	}		
}
		
h2{
	font-size: 16px;
	color: #000000;
	line-height: .1em;
}

@media only screen and (max-width:480px) {
	h2 { 
		font-size:25px;
	}
}

@media only screen and (max-width:1024px){
	h2 { 
		font-size:16px;
		
	}		
}

h3{
    padding:0;
    font-family:Cambria;
    display:flex;
    justify-content:space-around;
    border:none;
    color:#000000;
    font-size:20px;
	text-align: center;
}

@media only screen and (max-width:480px) {
	h3 { 
		font-size:25px;
	}
}

@media only screen and (max-width:1024px){
	h3 { 
		font-size:16px;
		
	}		
}

h4{
    color:#000000;
    font-size:18px;
	text-align: center;
}

@media only screen and (max-width:480px) {
	h4 { 
		font-size:25px;
	}
}

@media only screen and (max-width:1024px){
	h4 { 
		font-size:16px;
		
	}		
}

header{
    background:#E5E7E6;
    color:#000000;
    padding-top:0px;
    min-height:50px;
    border-bottom:#E5E7E6 3px solid;
}

header a{
    color:#000000;
    text-decoration:none;
    text-transform:none;
    font-size:20px;
    height: 4em;
    position: relative;
}

/* Top Nav */

.navbar {
	width:100%;
	text-align: center;
}

.navbar li{
	float:none;
	display:inline-block;
	vertical-align:bottom;
}

.navbar-item {
	padding-left:20px;
	padding-right:20px;
}

/* Bottom Nav */

nav{
    width:400px;
    margin:auto;
}

nav ul{
    margin:0;
    padding:0;
    display:flex;
    justify-content:space-around;
    border:none;
}

nav li{
    font-family:"cambria";
    border-bottom:0px solid #888; 
    display:inline;
    float:left;
}

nav a{
    text-decoration:none;
    color:#FFFFFF;
    display:contents; 
	font-size: 16px;
}

nav a.hover{
    background-color:#FFFFFF;
    text-align:center;
}

footer{
    position:relative;
    left:0;
    bottom:0;
    width:100%;
	border-box:#8A3324;
    background-color:#8A3324;
    color:#FFFFFF;
    text-align:center;
    }