#soorten_container {
        display:block;
        text-align: center;
        background-color: #ffffff;
    }    
    
    .soorten_blok_1{
        display:inline-block;
        width:19%;
        min-width:188px;
        text-align: center;
    }    

    .soorten_blok_1 h4{
        font-size:22px;
        color:#f9b843;
        text-align: center;
        padding:10px 0;
    }    

    .soorten_blok_1 img{
        width:150px;
        height:200px;
        margin: 10px 0 16px;
    }                 

/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- desktop ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 680px)
{

    #index_desktop { 
        display:block;
        float:left;
        clear:none;
        width : 100%;
        height:auto;
        overflow:hidden; 
        background-color: #ffffff;
    }

    #block_1 { 
        display:block;
        float:left;
        clear:none;
        max-width : 100%;
        height:auto;
        overflow:hidden; 
    }

    #block_2 { 
        display:block;
        float:left;
        clear:none;
        max-width : 50%;
        height:auto;
        overflow:hidden; 
    }

    #block_3 { 
        display:block;
        float:left;
        clear:none;
        max-width : 50%;
        height:auto;
        overflow:hidden; 
    }

    #block_4 { 
        display:block;
        float:left;
        clear:none;
        max-width : 25%;
        height:auto;
        overflow:hidden; 
    }

    #block_5 { 
        display:block;
        float:left;
        clear:none;
        max-width : 25%;
        height:auto;
        overflow:hidden; 
    }

    #block_6 { 
        display:block;
        float:left;
        clear:none;
        max-width : 25%;
        height:auto;
        overflow:hidden; 
    }

    #block_7 { 
        display:block;
        float:left;
        clear:none;
        max-width : 25%;
        height:auto;
        overflow:hidden; 
    }
    
    #merken_blok {
        display:block;
        float:left;
        clear:none;
        width:100%;
        height:90px;
        padding: 18px 0px 9px 0px;
        overflow:hidden;
    }    

    .merken {
        display:block;
        float:left;
        clear:none;
        width:calc(1/8* 100%);
        width:12.5%;
        text-align: center;
    }    

    #nieuwsbrief_container_index{
        display:block;
        float:left;
        clear:none;
        width:96%;
        height:auto;
        margin:2%;
        color:#000000;
        text-align:center;
        background-color: #f9b843;
        border-radius: 10px 10px 10px 10px;  
        text-transform: uppercase;
    }

    #nieuwsbrief_blok_index{
        display:block;
        clear:none;
        width:737px;
        height:190px;
        margin:0 auto;
        padding:0 10px;
    }

    #nieuwsbrief_tekst_groot_index{
        display:block;
        float:left;
        width:100%;
        height:auto;
        font-size: 42px;
        text-align: center;
        margin:10px 0;
        color:#000000;
    }
    
    #nieuwsbrief_tekst_index{
        display:block;
        float:left;
        width:100%;
        height:auto;
        font-size: 18px;
        text-align: center;
        margin:0 0 30px 0;
        color:#000000;
        text-transform: lowercase;
    }
    
    #nieuwsbrief_email_index{
        display:block;
        float:left;
        width:333px;
        height:40px;
        line-height: 40px;
        margin:0 10px 0 0;
        padding:0 10px;
        font-size: 14px;
        border:0;
        color:#000000;
        text-transform: uppercase;
    }
    
    #nieuwsbrief_naam_index {
        display:block;
        float:left;
        width:150px;
        height:40px;
        line-height: 40px;
        margin:0 10px 0 0;
        padding:0 10px;
        font-size: 14px;
        border:0;
        color:#000000;
        text-transform: uppercase;
    }
    
    #nieuwsbrief_button_index{
        float:left;
        display:block;
        width:150px;
        height:40px;
        font-size: 14px;
    }
 
}    
    
/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde desktop ------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (max-width: 767px)
{

    #nieuwsbrief_container_index{
        display:block;
        float:left;
        clear:none;
        width:96%;
        height:auto;
        margin:2%;
        padding: 0 0 4% 0;
        color:#000000;
        text-align:center;
        background-color: #f9b843;
        border-radius: 10px 10px 10px 10px;  
        text-transform: uppercase;
    }

    #nieuwsbrief_blok_index{
        display:block;
        clear:none;
        width:96%;
        height:auto;
        margin:0 auto;
        padding:0 2%;
    }

    #nieuwsbrief_tekst_groot_index{
        font-family: 'Judson', serif;
        display:block;
        float:left;
        width:100%;
        height:auto;
        font-size: 42px;
        text-align: center;
        margin:10px 0;
        color:#000000;
    }
    
    #nieuwsbrief_tekst_index{
        display:block;
        float:left;
        width:100%;
        height:auto;
        font-size: 18px;
        text-align: center;
        margin:0 0 30px 0;
        color:#000000;
        text-transform: lowercase;
    }
    
    #nieuwsbrief_email_index{
        display:block;
        float:left;
        width:96%;
        height:40px;
        line-height: 40px;
        margin:10px 0;
        padding:0 2%;
        font-size: 14px;
        border:0;
        color:#000000;
        text-transform: uppercase;
    }
    
    #nieuwsbrief_naam_index {
        display:block;
        float:left;
        width:96%;
        height:40px;
        line-height: 40px;
        margin:10px 0;
        padding:0 2%;
        font-size: 14px;
        border:0;
        color:#000000;
        text-transform: uppercase;
    }
    
    #nieuwsbrief_button_index{
        float:none;
        display:block;
        width:150px;
        height:40px;
        font-size: 14px;
        margin:10px auto;
    }
 
}
/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- mobile ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 320px) and (max-width: 679px)
{

    #index_desktop { 
        display:block;
        float:left;
        clear:none;
        max-width :100%;
        height:auto;
        overflow:hidden; 
        background-color: #ffffff;
    }
    
    
    #block_1 { 
        display:block;
        float:left;
        clear:none;
        max-width : 100%;
        height:auto;
        overflow:hidden; 
    }

    #block_2 { 
        display:block;
        float:left;
        clear:none;
        max-width : 100%;
        height:auto;
        overflow:hidden; 
    }

    #block_3 { 
        display:block;
        float:left;
        clear:none;
        max-width : 100%;
        height:auto;
        overflow:hidden; 
    }

    #block_4 { 
        display:block;
        float:left;
        clear:none;
        max-width : 50%;
        height:auto;
        overflow:hidden; 
    }

    #block_5 { 
        display:block;
        float:left;
        clear:none;
        max-width : 50%;
        height:auto;
        overflow:hidden; 
    }
    
    #block_6 { 
        display:block;
        float:left;
        clear:none;
        max-width : 50%;
        height:auto;
        overflow:hidden; 
    }

    #block_7 { 
        display:block;
        float:left;
        clear:none;
        max-width : 50%;
        height:auto;
        overflow:hidden; 
    }

    #merken_blok {
        display:block;
        float:left;
        clear:none;
        width:100%;
        height:auto;
        padding: 18px 0px 9px 0px;
        overflow:hidden;
        background-color: #ffffff;
    }    

    .merken {
        display:block;
        float:left;
        clear:none;
        width:25%;
        text-align: center;
    }    

}

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde mobiel -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/