body {
  background-image: url('images/backgrounds/pattern 5.jpg');
  
  color: green;
  font-family: Times New Roman;
}


.header {
  
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        background: black;     
        border-style: dotted;
        border-color: green;
       
        }


.center {
   
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-left: auto; 
        margin-right: auto;
       
}

.center2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

        .nav {
       width: 25%;
        display: flex;
        float: left;
        background: black;   
        color: green;
        box-sizing:border-box;
        border-style: dotted ;
        border-color: green;
         
    }
        
  
        
     .Right {
       float:right;
        width: 75%;
        background: black;        
        box-sizing:border-box;
        border-style: dotted ;
        border-color: green;
        
    }

 
      
   .vertical-menu a{
  width: 100%; 
  color: green;
  display: block;
}   
      
      
      
p {
  margin: 5px;
}




.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}



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