/*mobiel*/

/*alle schermen groter dan mobiel*/
@media (min-width: 270px) {
    #over-onslogo{
        width: 25px;
    }
    p{
        text-align: center;
    }
    a{
        font-family: Verdana;
        font-size: 100%;
        color: #545454;
        cursor: pointer;
        text-decoration: none;
    }
    .Home_div{
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .Zoeken_div{
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .Over-ons_div{
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .menulogo{
        width: 30px;
        margin-left: 77%;
        margin-top: 13px;
        padding-bottom: 5px;
    }
    .animation{
        transition-duration: 0.3s;
        transform: rotate(450deg);
        cursor: pointer;
    }
    .animation:after{
        transition-duration: 0.3s;
        transform: rotate(-450deg);
    }
    .menulink{
        
    }
    .verbergphablet{
        display: none;
    }
    .toonphablet{
        display: inherit;
    }
    .mainMenu{
        width: 100%;
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 20px;
    }
    
}
/* Larger than phablet */ 
@media (min-width: 435px) {
    #over-onslogo{
        width: 25px;
    }
    p{
        text-align: center;
    }
    a{
        font-family: Verdana;
        font-size: 100%;
        color: #545454;
        cursor: pointer;
        text-decoration: none;
    }
    .Home_div{
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 20px;
        margin-top: 20px;
    }
    .Zoeken_div{
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 20px;
        margin-top: 20px;
    }
    .Over-ons_div{
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 20px;
        margin-top: 20px;
    }
    .menulogo{
        width: 30px;
        margin-left: 89%;
        margin-top: 13px;
        margin-bottom: 5px;
    }
    .animation{
        transition-duration: 0.3s;
        transform: rotate(450deg);
        cursor: pointer;
    }
    .animation:after{
        transition-duration: 0.3s;
        transform: rotate(-450deg);
    }
    .menulink{
        
    }
    .verbergphablet{
        display: none;
    }
    .toonphablet{
        display: inherit;
    }
    .mainMenu{
        width: 100%;
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 20px;
    }
}
/* Larger than tablet */ 
@media (min-width: 675px) {
    a{
        font-family: Verdana;
        font-size: 100%;
        color: #545454;
        cursor: pointer;
    }
    .toontablet{
        display: inherit;
    }
    .verbergtablet{
        display: none;
    }
    .mainMenu{
        width: 100%;
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 15px;
    }
.mainMenu{
        width: 100%;
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 15px;
    }

    .logos{
        width: 30px;
        cursor: pointer;
        transition: 0.3s;
    }
    .logos:hover{
        padding: 5px;   
    }
}
/* Larger than desktop - gedaan*/
@media (min-width: 1150px) {
    a{
        font-family: Verdana;
        font-size: 100%;
        color: #545454;
        cursor: pointer;
    }
    .toonpc{
        display: inherit;
    }
    .verbergpc{
        display: none;
    }
    .mainMenu{
        width: 100%;
        box-shadow: 0 3px 3px rgba(0,0,0,.1);
        padding-bottom: 10px;
    }
   .over-onslogo{
       width: 15px;
    
    } 
}
@media print{
    /*stijl die enkel geldt bij het printen*/
}