@font-face {
  font-family: myFont;
  src: url(TilburgsAns-Regular.woff);
}
 @font-face {
   font-family: myHead;
    src: url('earwig factory rg.woff');
}

p {
  font-family: myFont; /* use font */
}
body {
    
    font-family: myFont, 'opensans', sans-serif; 
    src: url(TilburgsAns-Regular.woff);
    font-weight: 300;
    background-image: linear-gradient(to left,#EC6608, #ec6708a5, #46863297, #498632);
}

h1 {
    font-family: myHead, 'earwig factory rg';
    font-style: normal;
    font-weight: normal;
    font-size: 3rem;
    color:#04611f;
    src: local('earwig factory rg'), url('earwig factory rg.woff') format('woff');
}

/*
h1 {
    font-family:  "Slackey", serif;
    color: white;
}*/

h2{
    font-size: 1.8rem;
    font-weight: 600;

}
h3{
    font-size: 1.5rem;
    font-weight: 800;
    padding-top: 10px;
    margin-left: 15px;

}
h4{
    color: rgb(255, 129, 4);
    font-size: 1 rem;
    font-weight: 800;
    padding-top: 10px;
    text-align: end;
}
h5{
    font-size:  rem;
    font-weight: 200;
}
.myline{
    background-color: #ffffff;
    height: 3px;
}
.jumbotron {
    background-color: #00000025;
    margin-top: 2rem;
}
.news {
    background-color: #fffefe25;
    margin-top: 2rem;

}
.drop-shadow {
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.154);
}
.lead {
    color: white;
    font-size: 1.5rem;
}
.leadf {
    color: white;
    margin-top: 1rem;
}
.btn-outline-light{
    border-color: white;
    background-color: rgba(2, 2, 2, 0.2);
}
.btn-outline-light:hover{
    background-color: rgba(255, 255, 255, 0.2);
}
.bd-placeholder{
    background-color: none;
}
.container {
    max-width: 1200px;
}
.container-fluid{
    max-width: 1200px;
}

button{
    color: #498632;
}
.navbox {
    display: block;
    align-content: center;
    margin-left: auto;
    margin-top: 10px;
}
.nav-link{
    text-align: center;
    color: white;
    background-color: #488632;
    display: none;
    display: absolute;
}
.nav-link:hover {
    color: white;
    background-color: #ec6708;
}
.dropdown-menu{
    background-color: #EC6608;
}
.dropdown-item{
    color: white;
    background-color: #EC6608;
}
.bs-nav-link{
    color: white;
}
.nav-link:focus {
    color: lightgrey;
}
p.counter{
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 2.2rem;
}
.header, .mybox1, .mybox2, .mybox3, .mybox4, .mybox5, .myboxtop{
    /* background-color: rgb(255, 234, 0); */
    margin: 10px;
    padding: 5px;
}
.myboxtop{
    min-height: 10px;
    margin-top: 10px;
}
.myboxtop1{
    background-color: #ffffff;
    height: 5px;
    margin-top: 25px;
}
.mybox3{
    background-color: yellowgreen;
}
.mybox4{
    /* background-color: rgba(255, 255, 255, 0.2) ; */
}
.mybox5{
    /* background-color: blue; */
    /* width: max-content; */
}
.mycontainer1{
    /* background-color: darkolivegreen; */
    display: flex;
    padding: 0px;
}
.mycontainer2{
    /* background-color: darkolivegreen; */
    display: flex;
    padding: 20px;
}

mark {
    background-color: #EC6608;
    color: white;
    padding: 5px 10px;
  }
h5{
    /* color: #EC6608; */
  }
.btn{
    color: white;
    background-color: #488632;
}
.btn:hover{
    background-color: #ec6708;
}
.countertron{
    margin-left: 40px;
}

   /* // Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */
nav{
    display: none;
}
.mob-wrapper{
    display: block;
}
.mob-nav{
    display: none;
  }
.noa-link{
    display: block;
    position: absolute;
}
.instafeed, .countertron{
    display: none;
}

.card-title{
    font-size: 1.1rem;
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
nav{
    display: none;
}
.instafeed, .countertron{
    display: none;
}
.card{
    margin-top: 30px;
    }
}
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  
    nav{
        display: none;
    }
    .navbar {
        display: flex;
        align-items: center;
        margin: auto;
    }
    .instafeed, .countertron{
        display: none;
    }
    
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
nav{
    display: flex;
}
.mob-wrapper{
    display: none;
}
.instafeed, .countertron {
    display: flex;
}
}
/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

footer{
    background-color: rgba(255, 254, 254, 0);
    color: whitesmoke;
    height: fit-content;
    background-image: none;
}


/* Photogallery style */
.photo-gallery {
    font-family: "Slackey", serif;
    font-size: 3rem;
    color:#ffffff;
    background-color:#ffffff00;
  }
  
  .photo-gallery p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 2rem;
    color:#ffffff;
  }
  
  .photo-gallery h2 {
    font-weight:bold;
    margin-bottom:20px;
    padding-top:20px;
    color:inherit;
  }
  
  @media (max-width:767px) {
    .photo-gallery h2 {
      margin-bottom:25px;
      padding-top:25px;
      font-size:24px;
    }
  }

  .photo-gallery .intro {
    font-size:16px;
    max-width:1200px;
    margin:0 auto 40px;
  }
  
  .photo-gallery .intro p {
    margin-bottom:0;
  }
  
  .photo-gallery .photos {
    padding-bottom:20px;
  }
  
  .photo-gallery .item {
    padding-bottom:30px;
  }
.sectionbox{
    background-color:rgba(255, 254, 254, 0.4);
}