@media screen and (max-device-width: 480px)
{
}
@media (min-width: 300px)
{
    #ul_nav a  { font-size: 12px; letter-spacing: 0.5px;}
    #home { margin-top: 30px; background-image: none; color: black;}
    #glasraam {  max-width: 60vw;  margin: auto;   }
    iframe  { width: 80vw; }
    form { max-width: 90vw; overflow: hidden; }
    #btnVerzenden, #btnReset { width: 100px; font-size: 12px; }
    #btnVerzenden, #btnReset { display: block; margin-top: 10px; }
    #googlemap { border: 1px solid #aaa; max-width: 300px; }
}

@media (min-width: 768px)
{
    #ul_nav a  { font-size: 12px; letter-spacing: 1px;}
    #home { background: black url("../img/background.jpg") no-repeat top; }
    #glasraam {  max-width: 40vw;  margin: auto;   }
    iframe { width: 400px; }
    #home h2     {  font-size: 80px;     }
    #home .col-sm-6 { margin: 0; padding: 0; }
    #googlemap { max-width: 400px; }
}

@media (min-width: 1024px)
{
    #ul_nav a  { font-size: 14px; letter-spacing: 1px;}
    iframe { width: 500px; }
    #googlemap { max-width: 500px; }
    #bestellen table tr td input, #bestellen table tr td textarea, #btnVerzenden, #btnReset { max-width: unset; }
}

@media (min-width: 1025px)
{
    .container { width: 1000px; }
    #home { padding-top: 10%; }
    #home h2     {  font-size: 120px;    float: left;  }
    #glasraam { width: 370px;  margin: auto;   }
    iframe { width: 560px; }
}