/*css for the contact page*/
.contact_column {
  float: left;
  font-size: 16px;
  }

.contact_left {
  width: 25%;
 }

.contact_middle {
  width: 40%;
}

.contact_right {
  width: 35%;
 
    } 


.tekst_rechts{
 padding-right: 100px;
}

.tekst_links{
display: none;
}
/* Clear floats after the columns */
.contact_clear:after {
  content: "";
  display: table;
  clear: all;
}

 /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other 
@media screen and (max-width: 800px) {
  .contact_responsive {
    width: 100%;
  }
  
} 
*/

@media screen and (max-width: 800px) {
.contact_right {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  display: none;
    } 
    
  .contact_middle {
    width: 100%;
  padding-right: 20px;
   padding-left: 20px;
}  

.contact_left {
  width: 100%;
  display: block;
 }
 
 .tekst_links{
display: block;
padding-left:20px;
padding-right: 30px;
}
}

/* Add some margins for each label */
label {
  margin: 10px 10px 5px 0;
}

.contact_img {
margin: 5px 10px 20px 0;
}