/*Navbar styling start*/

/* When the screen is less than 480 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width:320px) and (max-width: 480px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
      padding-bottom: -10px;
      font-size: 1em;
     
  
    }

    a.active{ display: none;}
  
  
  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
 
    .topnav.responsive {position: relative;
        padding-right: 30px;
      
    
    
    
    
    }
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    
    
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
   
      
    }

    .topnav {
        background-color: white;
        overflow: hidden;
        border-bottom: #C2AC82 solid 3px;
        float: right;
        margin-top: -40px;
        margin-right: -40px;
       
     
     
     
      }

   
  

    /*Navbar styling end*/

    /*Start Styling of the three paragrapes on the home page*/


    #column{
    display:flex; 
    flex-direction: column;
    justify-content: center; 
    column-gap: 40px; 
    width: 100%;
  
    }


    .paragraph{
    padding-left: 25px;
    padding-right: 25px;


    }

    .paragraph2{
    padding-left: 25px;
    padding-right: 25px;

    }


    /*End Styling of the three paragrapes on the home page*/

    /*Start styling footer and footer elements*/


    footer{
    background-color: #c8cdb5;
    padding-top: 0em;
    padding: 2em;
    padding-top: 0.2em;
    border-bottom: 15px solid #C2AC82;
    margin-top: 1em;
    padding-bottom: 0.4em;
  

    }

    .newfoot{
        display:flex; 
       flex-direction: column;
       justify-content: center; 
     
    
   
       }
   
       .newfoot{
       float: left;
       width: 100%;
    
       margin-top: 10px;
       align-items: center;
 
       }

       #imgfooter{

        margin-top: 0px; 
        padding-left: 6em;
  
   
      
        background-color: transparent; 
        display:flex; 
       flex-direction: column;
       justify-content: center; 
       
        
      }

      #footertexts{
        font-size: 1em;
       
        text-align: center;
        margin-top: 1px;
       
       
      
      
        color: #fff;
       
        display:flex; 
        justify-content: center; 
       
      
      
      }

      
   
     

  




/*End styling footer and footer elements*/

/*Start styling header and header elements*/




    header{ background-color:#fff;
    padding: 3em;
   
    padding-bottom: 15px;

    padding-top: 5px;


    }

    #logo{
        color: #C2AC82;
      
        margin-right: 9px;
        margin-left: 28px;
        margin-bottom: -2px;
     

        margin-top: 5px;
       
        
       
    }
    
    .big{
        font-size: 2em;
      
       
    }
    
    .small{
        font-size: 1em;
       
    }
    
    #slogan{
    
        color:#C2AC82;
        margin-top: 0px;
        font-size: 1em;
        margin-left: 29.5px;
        margin-right: 10px;
     
     
    }


    #logosondernaam{
        position: absolute;
        margin-left: -50px;
      
        margin-top: -60px;
        width: 8em;
       
    
       
      
    }


    /*End styling header and header elements*/

    /*Start styling button on home page*/

   



    button {
        border-radius: 30px;
        padding: 15px 10px;
        font-size: 0.9em;
        width: 20%;
        border: none;
        text-align: center;
        margin-top: 110px;
        margin-right: 10px;
        color: white;
        background-color: #C8CDB5;
        position:absolute;
    }
    
    button:hover {
        color: #9EA487;
    
    }



    /*End styling button on home page*/


      /*Start editing the three images in gallery page*/

     /* Clearfix (clear floats) */

   
    .images{
     display:flex; 
    flex-direction: column;
    justify-content: center; 

    }

    .columnimg{
    float: left;
    width: 100%;
    padding: 5px;
    margin-top: 20px;
    }

  



      /*End editing the three images in gallery page*/

      /*Strat editing the slide on services page*/

     
   /*slider on services page */
.row {
    display: flex;
    overflow: hidden;
  
    padding-left: 25px;
   
   
    
  
  
   }
  
  .imagegroup {
    display: flex;
    width: 338%;
    

    
  
 
    
   
  
   }
  
  .imagegroup img{
   flex-shrink: 0;
   object-fit: cover;
   border: 3px solid white;
  
  
  }
  
  
  
  .imagegroup {
    animation: travel 60s ease-in-out infinite;
   
  
   }
  
  @keyframes travel {
    0%, 100% {
       transform: translate3d(0,0,0);
     }
    50% {
       transform: translate3d(-100%,0,0);
     }
  }
  
  /*end*/



    /*End editing the slide on services page*/


    /*Strat editing the form on services page*/


#fs-frm{
    height: 860px;



}

  /*Strat editing the buttons on services page*/

  .back{
    padding: 5px;



  }

   /*Strat editing the form on contact page*/

#fss-frm{
    height: 410px;



}






    /*Strat editing the buttons on gallery page*/
    #buttonlandscape{
        font-size: 3.3em;
        margin-top: -150px; 
        width: 92%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 
     
    
   
    }
    
    #buttonwildlife{
        font-size: 3.3em;
        margin-top: -150px;  
        width: 92%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 
    
    
    }
    
    #buttonplantlife{
        font-size: 3.3em;
        margin-top: -150px; 
        width: 92%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 

    
    }
          /*End editing the buttons on gallery page*/
    /* Responsive layout - makes a one columns stack on top of each other */

    .gallerycolumn {
    
      flex: 100%;
      max-width: 89%;
    }
  

  
    

}

   


  



    /*Start editing for min-width:768px and max-width:1024px responsive breakpoint*/

    @media only screen and (min-width: 750px) and (max-width: 1024px) {

        /*Start styling header and header elements*/


        header{ background-color:#fff;
        padding: 3em;
        padding-bottom: 1em;
        padding-bottom: 50px;
    
    
        }
    
        #logo{
            color: #C2AC82;
          
            margin-right: 20px;
            margin-left: 100px;
            margin-bottom: 0px;
            margin-top: -25px;
           
            
           
        }
        
        .big{
            font-size: 3em;
          
           
        }
        
        .small{
            font-size: 1.6em;
           
        }
        
        #slogan{
            
            color:#C2AC82;
            margin-top: 0px;
            font-size: 1.3em;
            margin-left: 102px;
            margin-right: 20px;
         
         
        }
    

        #logosondernaam{
            position: absolute;
            margin-left: -40px;
            margin-top: -100px;
            width: 14em;
        }

        /*Start Styling of the nav*/
        /* Add a white background color to the top navigation */
        .topnav {
         background-color: white;
         overflow: hidden;
         border-bottom: #C2AC82 solid 3px;
         float: right;
         margin-top: 0px;
        
 
 
         }
  
        /* Style the links inside the navigation bar */



        .topnav a {
         float: left;
         display: block;
         color: #9EA487;
         text-align: center;
    
         text-decoration: none;
         font-size: 17px;
         margin-bottom: -6px;
         padding : 0 8px 0 8px;
         padding-bottom: 10px;
         
        
 

         }
  
        /* Change the color of links on hover */
        .topnav a:hover {
         background-color: #9EA487;
         color: white;
         border-radius: 3px;

        }
  
         /* Add an active class to highlight the current page */
        .topnav a.active {
          background-color: #fff;
         color: #9EA487;
        }
        .topnav a.active:hover {
          background-color: #9EA487;
         color: white;
        }
  
        /* Hide the link that should open and close the topnav on small screens */
         .topnav .icon {
          display: none;
        }

        /*Ending Styling of the nav*/

        /*Start Styling paragraphs on home page.*/


        #column{
        display:flex; 
        flex-direction: column;
        justify-content: center; 
        width: 100%;
      
        }

       
        button {
        border-radius: 30px;
        padding: 15px 10px;
        font-size: 20px;
        width: 20%;
        border: none;
        text-align: center;
        margin-top: 230px;
        margin-right: 40px;
        color: white;
        background-color: #C8CDB5;
        position:absolute;
        }
    
         button:hover {
        color: #9EA487;
    
        }

         /*Start styling footer and footer elements*/


        /*Footer*/

.newfoot{
  
    float: left;
    width: 33.33%;
    padding: 5px;
    margin-top: 10px;
    padding-top: 0.2em;
   
  }
  
  /* Clearfix (clear floats) */
  .new::after {
    content: "";
    clear: both;
    display: table;
   
    
  }
  
  #imgfooter{
  
    margin-top: 0px; 
    margin-left: -50px;
  
    background-color: transparent; 
    display:flex; 
    justify-content: center; 
   
    
  }
  
  #footertexts{
    font-size: 0.8em;
    
    text-align: center;
    margin-top: 60px;
  
    color: #fff;
   
    display:flex; 
    justify-content: center; 
   
  
  
  }
  
  
  
  
  #socialmediadescription2{
    font-size: 0.8em;
    margin-top: 35px; 
  
    color: #fff;
    text-align: center;
   
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
  
  .rowsocial2 {
    
    border-radius: 6px;
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
   
  .rowsocial2 a{
   
    font-size: 40px;
    color: #C2AC82;
    padding: 10px;
    margin: 10px;
  
   
  }
  
  
  .rowsocial2 a:hover {
    background-color: #9EA487;
    color: white;
   
   
  }
  
  footer{ 
    background-color: #c8cdb5;
 
    border-bottom: 15px solid #C2AC82;
    margin-top: 1em;
    padding-bottom: 0.3em;
    padding-top: 0em;
  
  }
  
    
    /*End styling footer and footer elements*/

     /*slider on services page */
.row {
    display: flex;
    overflow: hidden;

    padding-left: 20px;
   
   
    
  
  
   }
  
  .imagegroup {
    display: flex;
    width: 140%;
  
 
    
   
  
   }
  
  .imagegroup img{
   flex-shrink: 0;
   object-fit: cover;
   border: 3px solid white;
  
  
  }
  
  
  
  .imagegroup {
    animation: travel 60s ease-in-out infinite;
   
  
   }
  
  @keyframes travel {
    0%, 100% {
       transform: translate3d(0,0,0);
     }
    50% {
       transform: translate3d(-100%,0,0);
     }
  }
  
  /*end*/

    /*Strat editing the buttons on gallery page*/
    #buttonlandscape{
        font-size: 2.3em;
        margin-top: -117px; 
        width: 31%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 
     
    
   
    }
    
    #buttonwildlife{
        font-size: 2.3em;
        margin-top: -117px; 
        width: 31%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 
    
    
    }
    
    #buttonplantlife{
        font-size: 2.3em;
        margin-top: -117px; 
        width: 31%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 

    
    }

     /*End editing the buttons on gallery page*/


     /* Responsive layout - makes a two column-layout instead of four columns */

     .gallerycolumn {
     
        flex: 50%;
        max-width: 50%;
     }

      /* backbutton in galleries*/


a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
  }
  
  a:hover {
    background-color:#9EA487;
    color:#fff;
  }
  
  .previous {
   background-color: transparent;
    color:#C2AC82;
  }
  
  /*end*/
  /*pdfstyling*/
  
  .pdf{
    color: #C2AC82;
  
  
  }
  .pdf:hover{
    color: #fff;
    background-color:#9EA487;
    border-radius: 10px;
  
  
  
  
  }
  
  .or{
  
    color: #C2AC82;
  
  
  }
  
  
  
  /*end*/

     
   }
  

    

 /* end */


 /*Navbar styling start*/

/* When the screen is less than 767 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width:481px) and (max-width: 620px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
      padding-bottom: -10px;
      font-size: 1em;
     
  
    }

    a.active{ display: none;}
  
  
  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
 
    .topnav.responsive {position: relative;
        padding-right: 30px;
      
    
    
    
    
    }
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    
    
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
   
      
    }

    .topnav {
        background-color: white;
        overflow: hidden;
        border-bottom: #C2AC82 solid 3px;
        float: right;
        margin-top: -40px;
        margin-right: -40px;
       
     
     
     
      }

   
  

    /*Navbar styling end*/

    /*Start Styling of the three paragrapes on the home page*/


    #column{
    display:flex; 
    flex-direction: column;
    justify-content: center; 
    column-gap: 40px; 
    width: 100%;
  
    }


    .paragraph{
    padding-left: 25px;
    padding-right: 25px;


    }

    .paragraph2{
    padding-left: 25px;
    padding-right: 25px;

    }


    /*End Styling of the three paragrapes on the home page*/

    /*Start styling footer and footer elements*/


    footer{
    background-color: #c8cdb5;
    padding-top: 0em;
    padding: 2em;
    padding-top: 0.2em;
    border-bottom: 15px solid #C2AC82;
    margin-top: 1em;
    padding-bottom: 0.4em;
  

    }

    .newfoot{
        display:flex; 
       flex-direction: column;
       justify-content: center; 
     
    
   
       }
   
       .newfoot{
       float: left;
       width: 100%;
    
       margin-top: 10px;
       align-items: center;
 
       }

       #imgfooter{

        margin-top: 0px; 
        padding-left: 6em;
  
   
      
        background-color: transparent; 
        display:flex; 
       flex-direction: column;
       justify-content: center; 
       
        
      }

      #footertexts{
        font-size: 1em;
       
        text-align: center;
        margin-top: 1px;
       
       
      
      
        color: #fff;
       
        display:flex; 
        justify-content: center; 
       
      
      
      }

      
   
     

  




/*End styling footer and footer elements*/

/*Start styling header and header elements*/




    header{ background-color:#fff;
    padding: 3em;
   
    padding-bottom: 20px;

    padding-top: 5px;


    }

    #logo{
        color: #C2AC82;
      
        margin-right: 9px;
        margin-left: 3.2em;
        margin-bottom: -2px;
     

        margin-top: 5px;
       
        
       
    }
    
    .big{
        font-size: 2em;
      
       
    }
    
    .small{
        font-size: 1em;
       
    }
    
    #slogan{
    
        color:#C2AC82;
        margin-top: 0px;
        font-size: 0.8em;
        margin-left: 4.1em;
        margin-right: 10px;
     
     
    }


    #logosondernaam{
        position: absolute;
        margin-left: -50px;
      
        margin-top: -60px;
        width: 33%;
       
    
       
      
    }


    /*End styling header and header elements*/

    /*Start styling button on home page*/

   



    button {
        border-radius: 30px;
        padding: 15px 10px;
        font-size: 0.9em;
        width: 20%;
        border: none;
        text-align: center;
        margin-top: 110px;
        margin-right: 10px;
        color: white;
        background-color: #C8CDB5;
        position:absolute;
    }
    
    button:hover {
        color: #9EA487;
    
    }



    /*End styling button on home page*/


      /*Start editing the three images in gallery page*/

     /* Clearfix (clear floats) */

   
    .images{
     display:flex; 
    flex-direction: column;
    justify-content: center; 

    }

    .columnimg{
    float: left;
    width: 100%;
    padding: 5px;
    margin-top: 20px;
    }

  



      /*End editing the three images in gallery page*/

      /*slider on services page */
.row {
    display: flex;
    overflow: hidden;
    
    padding-left: 20px;
   
   
    
  
  
   }
  
  .imagegroup {
    display: flex;
    width: 436%;
    height: 260px;
  
 
    
   
  
   }
  
  .imagegroup img{
   flex-shrink: 0;
   object-fit: cover;
   border: 3px solid white;
  
  
  }
  
  
  
  .imagegroup {
    animation: travel 60s ease-in-out infinite;
   
  
   }
  
  @keyframes travel {
    0%, 100% {
       transform: translate3d(0,0,0);
     }
    50% {
       transform: translate3d(-100%,0,0);
     }
  }
  
  /*end*/


    /*Strat editing the form on services page*/


#ordering-form{
    height: 500px;



}








    /*Strat editing the buttons on gallery page*/
    #buttonlandscape{
        font-size: 3.3em;
        margin-top: -150px; 
        width: 92%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 
     
    
   
    }
    
    #buttonwildlife{
        font-size: 3.3em;
        margin-top: -150px;  
        width: 92%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 
    
    
    }
    
    #buttonplantlife{
        font-size: 3.3em;
        margin-top: -150px; 
        width: 92%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 

    
    }
          /*End editing the buttons on gallery page*/
    /* Responsive layout - makes a one columns stack on top of each other */

    .gallerycolumn {
    
      flex: 100%;
      max-width: 89%;
    }
  

  
    

}


/* When the screen is less than 767 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width:621px) and (max-width: 749px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
      padding-bottom: -10px;
      font-size: 1em;
     
  
    }

    a.active{ display: none;}
  
  
  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
 
    .topnav.responsive {position: relative;
        padding-right: 30px;
      
    
    
    
    
    }
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    
    
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
   
      
    }

    .topnav {
        background-color: white;
        overflow: hidden;
        border-bottom: #C2AC82 solid 3px;
        float: right;
        margin-top: -40px;
        margin-right: -40px;
       
     
     
     
      }

   
  

    /*Navbar styling end*/

    /*Start Styling of the three paragrapes on the home page*/


    #column{
    display:flex; 
    flex-direction: column;
    justify-content: center; 
    column-gap: 40px; 
    width: 100%;
  
    }


    .paragraph{
    padding-left: 25px;
    padding-right: 25px;


    }

    .paragraph2{
    padding-left: 25px;
    padding-right: 25px;

    }


    /*End Styling of the three paragrapes on the home page*/

    /*Start styling footer and footer elements*/


    footer{
    background-color: #c8cdb5;
    padding-top: 0em;
    padding: 2em;
    padding-top: 0.2em;
    border-bottom: 15px solid #C2AC82;
    margin-top: 1em;
    padding-bottom: 0.4em;
  

    }

    .newfoot{
        display:flex; 
       flex-direction: column;
       justify-content: center; 
     
    
   
       }
   
       .newfoot{
       float: left;
       width: 100%;
    
       margin-top: 10px;
       align-items: center;
 
       }

       #imgfooter{

        margin-top: 0px; 
        padding-left: 6em;
  
   
      
        background-color: transparent; 
        display:flex; 
       flex-direction: column;
       justify-content: center; 
       
        
      }

      #footertexts{
        font-size: 1em;
       
        text-align: center;
        margin-top: 1px;
       
       
      
      
        color: #fff;
       
        display:flex; 
        justify-content: center; 
       
      
      
      }

      
   
     

  




/*End styling footer and footer elements*/

/*Start styling header and header elements*/




    header{ background-color:#fff;
    padding: 3em;
   
    padding-bottom: 20px;

    padding-top: 5px;


    }

    #logo{
        color: #C2AC82;
      
        margin-right: 9px;
        margin-left: 3.2em;
        margin-bottom: -2px;
     

        margin-top: 5px;
       
        
       
    }
    
    .big{
        font-size: 2em;
      
       
    }
    
    .small{
        font-size: 1em;
       
    }
    
    #slogan{
    
        color:#C2AC82;
        margin-top: 0px;
        font-size: 0.8em;
        margin-left: 4.1em;
        margin-right: 10px;
     
     
    }


    #logosondernaam{
        position: absolute;
        margin-left: -50px;
      
        margin-top: -60px;
        width: 33%;
       
    
       
      
    }


    /*End styling header and header elements*/

    /*Start styling button on home page*/

   



    button {
        border-radius: 30px;
        padding: 15px 10px;
        font-size: 0.9em;
        width: 20%;
        border: none;
        text-align: center;
        margin-top: 110px;
        margin-right: 10px;
        color: white;
        background-color: #C8CDB5;
        position:absolute;
    }
    
    button:hover {
        color: #9EA487;
    
    }



    /*End styling button on home page*/


      /*Start editing the three images in gallery page*/

     /* Clearfix (clear floats) */

   


  



      /*End editing the three images in gallery page*/

     /*slider on services page */
.row {
    display: flex;
    overflow: hidden;
    
    padding-left: 20px;
   
   
    
  
  
   }
  
  .imagegroup {
    display: flex;
    width: 170%;
  
 
    
   
  
  }
  
  .imagegroup img{
   flex-shrink: 0;
   object-fit: cover;
   border: 3px solid white;
  
  
  }
  
  
  
  .imagegroup {
    animation: travel 60s ease-in-out infinite;
   
  
   }
  
  @keyframes travel {
    0%, 100% {
       transform: translate3d(0,0,0);
     }
    50% {
       transform: translate3d(-100%,0,0);
     }
  }
  
  /*end*/


    /*Strat editing the form on services page*/


#ordering-form{
    height: 500px;



}








    /*Strat editing the buttons on gallery page*/
    #buttonlandscape{
        font-size: 2.3em;
        margin-top: -110px; 
        width: 31%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 
     
    
   
    }
    
    #buttonwildlife{
        font-size: 2.3em;
        margin-top: -110px; 
        width: 31%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 
    
    
    }
    
    #buttonplantlife{
        font-size: 2.3em;
        margin-top: -110px; 
        width: 31%;
        background-color: transparent; 
        display:flex; 
        justify-content: center; 

    
    }

     /*End editing the buttons on gallery page*/


     /* Responsive layout - makes a two column-layout instead of four columns */

     .gallerycolumn {
     
        flex: 50%;
        max-width: 50%;
     }

     
   }
  

   
            
            
        
/* When the screen is less than 767 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width:1050px) and (max-width: 1280px) {

     /*slider on services page */
.row {
    display: flex;
    overflow: hidden;
  
    
    padding-left: 20px;
   
   
    
  
  
   }
  
  .imagegroup {
    display: flex;
    width: 180%;
    height: 300px;
   
  
 
    
   
  
  }
  
  .imagegroup img{
   flex-shrink: 0;
   object-fit: cover;
   border: 3px solid white;
  
  
  }
  
  
  
  .imagegroup {
    animation: travel 60s ease-in-out infinite;
   
  
   }
  
  @keyframes travel {
    0%, 100% {
       transform: translate3d(0,0,0);
     }
    50% {
       transform: translate3d(-100%,0,0);
     }
  }

 /*Footer*/

 .newfoot{
  
    float: left;
    width: 33.33%;
    padding: 5px;
    margin-top: 10px;
    padding-top: 0.2em;
   
  }
  
  /* Clearfix (clear floats) */
  .new::after {
    content: "";
    clear: both;
    display: table;
   
    
  }
  
  #imgfooter{
  
    margin-top: 0px; 
    margin-left: -50px;
  
    background-color: transparent; 
    display:flex; 
    justify-content: center; 
   
    
  }
  
  #footertexts{
    font-size: 0.8em;
    
    text-align: center;
    margin-top: 60px;
  
    color: #fff;
   
    display:flex; 
    justify-content: center; 
   
  
  
  }
  
  
  
  
  #socialmediadescription2{
    font-size: 0.8em;
    margin-top: 35px; 
  
    color: #fff;
    text-align: center;
   
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
  
  .rowsocial2 {
    
    border-radius: 6px;
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
   
  .rowsocial2 a{
   
    font-size: 40px;
    color: #C2AC82;
    padding: 10px;
    margin: 10px;
  
   
  }
  
  
  .rowsocial2 a:hover {
    background-color: #9EA487;
    color: white;
   
   
  }
  
  footer{ 
    background-color: #c8cdb5;
 
    border-bottom: 15px solid #C2AC82;
    margin-top: 1em;
    padding-bottom: 0.3em;
    padding-top: 0em;
  
  }
  
    
    /*End styling footer and footer elements*/

 /* backbutton in galleries*/


 a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
  }
  
  a:hover {
    background-color:#9EA487;
    color:#fff;
  }
  
  .previous {
   background-color: transparent;
    color:#C2AC82;
  }
  
  /*end*/
  /*pdfstyling*/
  
  .pdf{
    color: #C2AC82;
  
  
  }
  .pdf:hover{
    color: #fff;
    background-color:#9EA487;
    border-radius: 10px;
  
  
  
  
  }
  
  .or{
  
    color: #C2AC82;
  
  
  }
  
  
  
  /*end*/



}
  
  /*end*/



/* When the screen is less than 767 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width:1281px) and (max-width: 1480px) {

    /*slider on services page */
.row {
   display: flex;
   overflow: hidden;

   
   padding-left: 20px;
  
  
   
 
 
  }
 
 .imagegroup {
   display: flex;
   width: 120%;
   height: 300px;
 
  
  
 

   
  
 
 }
 
 .imagegroup img{
  flex-shrink: 0;
  object-fit: cover;
  border: 3px solid white;
 
 
 }
 
 
 
 .imagegroup {
   animation: travel 60s ease-in-out infinite;
  
 
  }
 
 @keyframes travel {
   0%, 100% {
      transform: translate3d(0,0,0);
    }
   50% {
      transform: translate3d(-100%,0,0);
    }
 }

 /*Footer*/

 .newfoot{
  
    float: left;
    width: 33.33%;
    padding: 5px;
    margin-top: 10px;
    padding-top: 0.2em;
   
  }
  
  /* Clearfix (clear floats) */
  .new::after {
    content: "";
    clear: both;
    display: table;
   
    
  }
  
  #imgfooter{
  
    margin-top: 0px; 
    margin-left: -50px;
  
    background-color: transparent; 
    display:flex; 
    justify-content: center; 
   
    
  }
  
  #footertexts{
    font-size: 0.8em;
    
    text-align: center;
    margin-top: 60px;
  
    color: #fff;
   
    display:flex; 
    justify-content: center; 
   
  
  
  }
  
  
  
  
  #socialmediadescription2{
    font-size: 0.8em;
    margin-top: 35px; 
  
    color: #fff;
    text-align: center;
   
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
  
  .rowsocial2 {
    
    border-radius: 6px;
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
   
  .rowsocial2 a{
   
    font-size: 40px;
    color: #C2AC82;
    padding: 10px;
    margin: 10px;
  
   
  }
  
  
  .rowsocial2 a:hover {
    background-color: #9EA487;
    color: white;
   
   
  }
  
  footer{ 
    background-color: #c8cdb5;
 
    border-bottom: 15px solid #C2AC82;
    margin-top: 1em;
    padding-bottom: 0.3em;
    padding-top: 0em;
  
  }
  
    
    /*End styling footer and footer elements*/

 /* backbutton in galleries*/


 a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
  }
  
  a:hover {
    background-color:#9EA487;
    color:#fff;
  }
  
  .previous {
   background-color: transparent;
    color:#C2AC82;
  }
  
  /*end*/
  /*pdfstyling*/
  
  .pdf{
    color: #C2AC82;
  
  
  }
  .pdf:hover{
    color: #fff;
    background-color:#9EA487;
    border-radius: 10px;
  
  
  
  
  }
  
  .or{
  
    color: #C2AC82;
  
  
  }
  
  
  
  /*end*/


}
 
 /*end*/


/* When the screen is less than 767 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width:1481px) and (max-width: 1680px) {

    /*slider on services page */
.row {
   display: flex;
   overflow: hidden;
 
   
   padding-left: 20px;
  
  
   
 
 
  }
 
 .imagegroup {
   display: flex;
   width: 160%;
   height: 380px;
  
 

   
  
 
 }
 
 .imagegroup img{
  flex-shrink: 0;
  object-fit: cover;
  border: 3px solid white;
 
 
 }
 
 
 
 .imagegroup {
   animation: travel 50s ease-in-out infinite;
  
 
  }
 
 @keyframes travel {
   0%, 100% {
      transform: translate3d(0,0,0);
    }
   50% {
      transform: translate3d(-100%,0,0);
    }
 }

 /*Footer*/

 .newfoot{
  
    float: left;
    width: 33.33%;
    padding: 5px;
    margin-top: 10px;
    padding-top: 0.2em;
   
  }
  
  /* Clearfix (clear floats) */
  .new::after {
    content: "";
    clear: both;
    display: table;
   
    
  }
  
  #imgfooter{
  
    margin-top: 0px; 
    margin-left: -50px;
  
    background-color: transparent; 
    display:flex; 
    justify-content: center; 
   
    
  }
  
  #footertexts{
    font-size: 0.8em;
    
    text-align: center;
    margin-top: 60px;
  
    color: #fff;
   
    display:flex; 
    justify-content: center; 
   
  
  
  }
  
  
  
  
  #socialmediadescription2{
    font-size: 0.8em;
    margin-top: 35px; 
  
    color: #fff;
    text-align: center;
   
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
  
  .rowsocial2 {
    
    border-radius: 6px;
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
   
  .rowsocial2 a{
   
    font-size: 40px;
    color: #C2AC82;
    padding: 10px;
    margin: 10px;
  
   
  }
  
  
  .rowsocial2 a:hover {
    background-color: #9EA487;
    color: white;
   
   
  }
  
  footer{ 
    background-color: #c8cdb5;
 
    border-bottom: 15px solid #C2AC82;
    margin-top: 1em;
    padding-bottom: 0.3em;
    padding-top: 0em;
  
  }
  
    
    /*End styling footer and footer elements*/

 /* backbutton in galleries*/


 a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
  }
  
  a:hover {
    background-color:#9EA487;
    color:#fff;
  }
  
  .previous {
   background-color: transparent;
    color:#C2AC82;
  }
  
  /*end*/
  /*pdfstyling*/
  
  .pdf{
    color: #C2AC82;
  
  
  }
  .pdf:hover{
    color: #fff;
    background-color:#9EA487;
    border-radius: 10px;
  
  
  
  
  }
  
  .or{
  
    color: #C2AC82;
  
  
  }
  
  
  
  /*end*/

}
 
 /*end*/


/* When the screen is less than 767 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width:1681px) and (max-width: 1920px) {

    /*slider on services page */
.row {
   display: flex;
   overflow: hidden;
 
   
   padding-left: 20px;
 
  
  
   
 
 
  }
 
 .imagegroup {
   display: flex;
   width: 100%;
   height: 380px;
  
 

   
  
 
 }
 
 .imagegroup img{
  flex-shrink: 0;
  object-fit: cover;
  border: 3px solid white;
 
 
 }
 
 
 
 .imagegroup {
   animation: travel 50s ease-in-out infinite;
  
 
  }
 
 @keyframes travel {
   0%, 100% {
      transform: translate3d(0,0,0);
    }
   50% {
      transform: translate3d(-100%,0,0);
    }
 }


 /*Footer*/

 .newfoot{
  
    float: left;
    width: 33.33%;
    padding: 5px;
    margin-top: 10px;
    padding-top: 0.2em;
   
  }
  
  /* Clearfix (clear floats) */
  .new::after {
    content: "";
    clear: both;
    display: table;
   
    
  }
  
  #imgfooter{
  
    margin-top: 0px; 
    margin-left: -50px;
  
    background-color: transparent; 
    display:flex; 
    justify-content: center; 
   
    
  }
  
  #footertexts{
    font-size: 0.8em;
    
    text-align: center;
    margin-top: 60px;
  
    color: #fff;
   
    display:flex; 
    justify-content: center; 
   
  
  
  }
  
  
  
  
  #socialmediadescription2{
    font-size: 0.8em;
    margin-top: 35px; 
  
    color: #fff;
    text-align: center;
   
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
  
  .rowsocial2 {
    
    border-radius: 6px;
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
   
  .rowsocial2 a{
   
    font-size: 40px;
    color: #C2AC82;
    padding: 10px;
    margin: 10px;
  
   
  }
  
  
  .rowsocial2 a:hover {
    background-color: #9EA487;
    color: white;
   
   
  }
  
  footer{ 
    background-color: #c8cdb5;
 
    border-bottom: 15px solid #C2AC82;
    margin-top: 1em;
    padding-bottom: 0.3em;
    padding-top: 0em;
  
  }
  
    
    /*End styling footer and footer elements*/

 /* backbutton in galleries*/


 a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
  }
  
  a:hover {
    background-color:#9EA487;
    color:#fff;
  }
  
  .previous {
   background-color: transparent;
    color:#C2AC82;
  }
  
  /*end*/
  /*pdfstyling*/
  
  .pdf{
    color: #C2AC82;
  
  
  }
  .pdf:hover{
    color: #fff;
    background-color:#9EA487;
    border-radius: 10px;
  
  
  
  
  }
  
  .or{
  
    color: #C2AC82;
  
  
  }
  
  
  
  /*end*/

}
 
 /*end*/





/* When the screen is less than 480 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width:1025px) and (max-width: 1140px) {

   /*Start styling header and header elements*/


   header{ background-color:#fff;
    padding: 3em;
    padding-bottom: 1em;
    padding-bottom: 30px;


    }

    #logo{
        color: #C2AC82;
      
        margin-right: 20px;
        margin-left: 100px;
        margin-bottom: 0px;
        margin-top: -25px;
       
        
       
    }
    
    .big{
        font-size: 3em;
      
       
    }
    
    .small{
        font-size: 1.6em;
       
    }
    
    #slogan{
        
        color:#C2AC82;
        margin-top: 0px;
        font-size: 1.3em;
        margin-left: 102px;
        margin-right: 20px;
     
     
    }


    #logosondernaam{
        position: absolute;
        margin-left: -40px;
        margin-top: -100px;
        width: 14em;
    }


 /*Footer*/

 .newfoot{
  
    float: left;
    width: 33.33%;
    padding: 5px;
    margin-top: 10px;
    padding-top: 0.2em;
   
  }
  
  /* Clearfix (clear floats) */
  .new::after {
    content: "";
    clear: both;
    display: table;
   
    
  }
  
  #imgfooter{
  
    margin-top: 0px; 
    margin-left: -50px;
  
    background-color: transparent; 
    display:flex; 
    justify-content: center; 
   
    
  }
  
  #footertexts{
    font-size: 0.8em;
    
    text-align: center;
    margin-top: 60px;
  
    color: #fff;
   
    display:flex; 
    justify-content: center; 
   
  
  
  }
  
  
  
  
  #socialmediadescription2{
    font-size: 0.8em;
    margin-top: 35px; 
  
    color: #fff;
    text-align: center;
   
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
  
  .rowsocial2 {
    
    border-radius: 6px;
    display:flex; 
    justify-content: center; 
   
  
  }
  
  
   
  .rowsocial2 a{
   
    font-size: 40px;
    color: #C2AC82;
    padding: 10px;
    margin: 10px;
  
   
  }
  
  
  .rowsocial2 a:hover {
    background-color: #9EA487;
    color: white;
   
   
  }
  
  footer{ 
    background-color: #c8cdb5;
 
    border-bottom: 15px solid #C2AC82;
    margin-top: 1em;
    padding-bottom: 0.3em;
    padding-top: 0em;
  
  }
  
    
    /*End styling footer and footer elements*/


 /* backbutton in galleries*/


 a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
  }
  
  a:hover {
    background-color:#9EA487;
    color:#fff;
  }
  
  .previous {
   background-color: transparent;
    color:#C2AC82;
  }
  
  /*end*/
  /*pdfstyling*/
  
  .pdf{
    color: #C2AC82;
  
  
  }
  .pdf:hover{
    color: #fff;
    background-color:#9EA487;
    border-radius: 10px;
  
  
  
  
  }
  
  .or{
  
    color: #C2AC82;
  
  
  }
  
  
  
  /*end*/

}
    
        /*End styling header and header elements*/



        /* When the screen is less than 480 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width:498px) and (max-width: 749px) {

    /*Start styling header and header elements*/
 
 
    header{ background-color:#fff;
     padding: 3em;
     padding-bottom: 1em;
     padding-bottom: 30px;
 
 
     }
 
     #logo{
         color: #C2AC82;
       
         margin-right: 20px;
         margin-left: 100px;
         margin-bottom: 0px;
         margin-top: -25px;
        
         
        
     }
     
     .big{
         font-size: 3em;
       
        
     }
     
     .small{
         font-size: 1.6em;
        
     }
     
     #slogan{
         
         color:#C2AC82;
         margin-top: 0px;
         font-size: 1.3em;
         margin-left: 102px;
         margin-right: 20px;
      
      
     }
 
 
     #logosondernaam{
         position: absolute;
         margin-left: -40px;
         margin-top: -100px;
         width: 14em;
     }
 }
     
         /*End styling header and header elements*/
     
    
 /* When the screen is less than 480 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
 @media screen and (min-width:485px) and (max-width: 498px) {

    /*Start styling header and header elements*/
 
 
    header{ background-color:#fff;
     padding: 3em;
     padding-bottom: 1em;
     padding-bottom: 20px;
 
 
     }
 
     #logo{
         color: #C2AC82;
       
         margin-right: 20px;
         margin-left: 80px;
         margin-bottom: 0px;
         margin-top: -37px;
        
         
        
     }
     
     .big{
         font-size: 3em;
       
        
     }
     
     .small{
         font-size: 1.6em;
        
     }
     
     #slogan{
         
         color:#C2AC82;
         margin-top: 0px;
         font-size: 1.3em;
         margin-left: 82px;
         margin-right: 20px;
      
      
     }
 
 
     #logosondernaam{
         position: absolute;
         margin-left: -40px;
         margin-top: -90px;
         width: 12em;
     }
 }
     
         /*End styling header and header elements*/