body{
    width:90%;
    margin:0 auto;
    background-image: url(images/wood.jpg);
  background-attachment:fixed;
    background-size:cover;
}
#container{background-color: rgba(0,0,0,0.5);}
p{color: white;text-indent: 50px;}
#top{
  z-index: 999;
  width:100%; 
  position:fixed; 
  left:0;
  top:0;
}
#menu{
  position: absolute; text-align: center;bottom:10%;
  width: 100%;
}
@font-face {
  font-family: "FRADM";
  src: url("FRADM.TTF");
}
h1{text-align: center;
    color: white;
    font-family: "FRADM";font-size:2.2em}
h2,#four,#three{color: white}
a{color:#1b1b1b;text-decoration: none;border:solid #1b1b1b 2px; padding: 2px 10px;}
a:hover{background-color: white;color: #1b1b1b;}

/*section{ min-height: 100vh; }*/

section{padding: 100px 20px 0px 20px;line-height: 1.3em;}
section,nav{font-family: arial}
#one{margin-bottom: 50px}
#four{margin-bottom: 100px;padding-bottom: 50px}
* {
    box-sizing: border-box;
}
.column img{padding-bottom: 10px
}
.gfx1,.gfx2{border: solid #1b1b1b 1px}
@media (max-width: 579px){
.gfx1{display: none;}
.gfx2{width: 100%}
}

@media (min-width: 580px){
.picpar{column-count: 2; }
    .gfx2{display: none;}
    .gfx1{width: 100%}
        body{
        width:70%;}
    section{padding: 150px 20px 0px 20px;}
}