#wrapper {width:80%;
    margin-right: auto;
    margin-left: auto;
    min-width: 360px;
    max-width: 1024px;
/*    padding-top: 2.15rem; */
    padding-top: 3.5em;
}
header, nav, main, footer { display: block; }
html {
  height: 100%;
  box-sizing: border-box;
}
nav {text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0; 
    padding: .5em;
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);}
body {
    position: relative;
    background-image: url(background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin: 0;
    padding-bottom: 0rem;
    min-height: 100%;
}
main {
    padding:5px 2% 5px 2%;
    display: block;background-color: #fff;
    background-color: rgba(255,255,255,0.8);}
footer {text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; 
    padding: .5em;
    background-color: #fff;
    background-color: rgba(255,255,255,0.65);}
#imageContainer {
 width:100%;
 text-align:center;
}
#imageContainer > div {
 width: calc(50% / 2);  
 display: inline-block;
 vertical-align: top;   
 text-align:center;
 margin:2%;    
 padding:20px;
}