* {
    box-sizing:border-box;
}
/* when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
    .body {   
       
       padding: 0;
       float: left;
       width: 50%;
   }
 }
body {
    font-family: Arial;
    padding: 10px;
    background: white;
}
.header {
   padding: 30px;
   text-align: center;
   background: white;
}
.header img{
    width: 50%;
}
.topnav{
    
    padding: 20px;
}
/* when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
.topnav a {
    float: none;
    width: 100%;
    word-spacing: 30px;
    text-shadow: 1px 1px;
    text-align: left;
   }
}
/* Change the color of the links in TOP Navigation on mouse hover */
.topnav a:hover {
    color: green;
}


.text{
    
    text-align: center;
    
}
.text_contact{
    text-align: center;
}

/* Home screen two photos centered */
.HomeIMG{
    text-align: center;
    
 }
.HomeIMG img{
    width: 60%;
    text-align: center;
}
/* Photos under Events page 
.EventIMG{
    float: left;
}
*/
.gallery{
    display: inline-block;
    border: 1px solid hsl(0, 61%, 34%);
    margin: 5px;
    width: 200px;
}
.gallery .description{
    padding: 10px;
    text-align: center;
}
.gallery:hover{
    border: 1px solid hsl(135, 70%, 20%);
}
.gallery img{
    width: 100%;
    height: auto;
}
/* Footer */
.footer {
    padding: 20px;
    text-align: center;
    background: white;
    margin-top: 20px;
  }