body { 
background: #738472; 
font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
font-size:100%;
line-height:0;
-webkit-text-size-adjust:none;
color: #1b1b1b; 
}

h1 { 
font-size:2em; 
color:#ffffff; 
font-weight:normal; 
}

h1 span {
font-size:0.55em;
text-transform:uppercase;
color:#E44D26; 
cursor:pointer;

}

a { 
color:#E44D26; 
text-decoration:none; 
}


header, footer { 
background: #738472;


}


    
    

header {
border-bottom: 0px solid #000000;

}

footer { 
border-top:1px solid #000000; 
text-align:center;
} 


footer p { 
color:#ffffff; 
font-size:0.6875em; 
}
footer > p:last-of-type {
margin-top:2%;
}

section#gallery { 
margin:2.5% 0;
margin-left: 3%;
margin-right: 3%; 
margin-bottom: 0%;
}


section#gallery:after { 
clear:both; content:"."; 
display:block; height:0; 
visibility:hidden; 
}



section#gallery figure { 
float:left;

width:20%;
margin:0,9%; /*2% + 21% + 2% = 2% */
}

section#gallery a { 
display:block; 
width:100%;
border:6px solid #738472;
background:#738472;
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 hack */ 
filter: alpha(opacity = 60); /* IE 5-7 hack */
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-0-transition: all 0.5s; 
transition: all 0.5s; 
-webkit-box-shadow: 0 0 5px #42403f;
-moz-box-shadow: 0 0 5px #42403f;
box-shadow: 0 0 5px #42403f;
} 

section#gallery a:hover { 
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */ 
filter: alpha(opacity = 100); /* IE 5-7 hack */
} 


section#gallery img { 
width:100%;
display:block;

-ms-interpolation-mode:bicubic; /* IE 7+ hack */ 
}

.main-header {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 243px;
    background-color: #738472;
 }

/* Place the navbar at the bottom of the page, and make it stick */
.navbar {

    background-color: #738472;
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* Style the links inside the navigation bar */
.navbar a {
    margin-right: 50px;
    float: right;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 20px;
}

/* Change the color of links on hover */
.navbar a:hover {
    background-color: #738472;
    color: black;
}

/* Add a green background color to the active link */
.navbar a.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the navbar on small screens */
.navbar .icon {
    display: none;
}