/* 2em = 2x fontsize van het elememt (p, h1, etc)*/

/*phone*/

@media (max-width: 375px) {

.container1{
    display:none;
    }
.container2{
    clear: both;
    }
.container2, .container3{
    position: relative;
    top: 150px;
    left: 10px;
    clear: both;
    } 
  
#top2{ /*logo*/
    position: fixed;
    top: 0;
    width: 100%;
    }
    
#top{ /*menu top */
    position: fixed;
    z-index: 1001;
    top:50px;
    left: -10px;
    padding: 10px;
    height: 20px;
    width: 120%;
    float: left;
    }

    
a {
    font-size: 1em; 
    line-height: 1;
    text-align: left;
    
  }    

img{
    height: auto;
    width: 10%;
    float: none;
    clear: both;
     }

    li{
    left: 10px;
    }    
    
p, li{
    font-size: 1em;
     }
}

.navbar-menu .navbar-nav > li > a  {
padding: 5px;
font-size: .9em;   
color: white;
}

/* tablets */

@media (max-width: 800px) {
  h1 {
    font-size: 1.8em;/* 3x body copy size = 48px */
 line-height: 1.05; /* keep to a multiple of the 20px line height and something more appropriate for display headings */
    }

    .container1{
    left: 300px;
    width:250px;
    }
    
   .col-md-6,.col-md-2, .container2, .container3{
    width: 100%;
    }
    
    
img{
    height: auto;
    width: 70%;
     }

    h1{
    font-size: 14pt;
    }

/* p, li{
    font-size: 1.2em;
     }}

/*19+ inch */

@media (min-width: 992px) {
a {
    font-size: 1em; /* .5x body copy size = 40px */
    line-height: 1;
    text-align: left;
    margin: 0 0 0 0;
  }    

/* h1 {
    font-size: 1em; /* 3x body copy size = 48px 
    line-height: 1.05;/* keep to a multiple of the 20px line height and something more appropriate for display headings 
  } */
/* p,li {
    font-size: 1.2em;
 }} */