.video-container {
  overflow: hidden;
  position: relative;
  width:100%;
}

.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



 .navbar img {
   width: 5rem;
 }




body {
  background: url('img/background.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.status {
  color: green;
  padding: auto;
  font-size: 15px;
}



.status span {
  color: red;
}

.g-recaptcha {
  margin: 25px 14.5px;
}

.button {
  align-content: center;

}

.footer-copyright{
  color: aliceblue;
  
}
  
.a1{
  color: aliceblue;
}

.card p {
  font-size: 0.9rem;
}






.map-responsive{
  overflow:hidden;
  padding-bottom:50%;
  position:relative;
  height:0;
}
.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}


.navbar img {
  width: 20rem;
}

.nom {
  width: 3.4rem;
}

.pic1 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 3rem;
  display: block;
  position: relative;
  
}

.img6 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.navbar-brand {
  width: 20rem; 
}


.pizzamakenmobile {
  width: 100%;
  height: auto;
  margin: 2rem auto 2rem auto;
    display: block;
}




@media (min-width: 767.98px) { 

  .pizzamakenmobile {
    width: 60%;
    
  }

 .fade1 {
   width: 100%;
   background-color: rgba(145, 134, 116, 0.04);
   
 }

 
  .pic1 {
    float: right;
    width: 26%;
    margin: 0 0 0rem 1rem;
    position: relative;
    top: 30px;

  }

  .img6 {
    float: right;
    width: 38%;
    margin: 2.2rem 2rem 4rem 2rem;
    position: relative;
    top: -27px;
  }
  

}





@media (min-width: 920.98px) { 

  .pic1 {
    width: 25%;
    margin-left: 1rem;
  margin-right: 0;
  margin-bottom: 1rem;
 
  
  }

  
  .pizzamakenmobile {
    width: 40%;
  }

}


.acht {
  width: 100%;
}

.gg {
  width: 100%;
}

.achtimg {
  width: 50%;
  margin: auto;
  
  
  vertical-align: middle;
}

::-moz-selection { /* Code for Firefox */
  color: 	white;
  background: #B77D13;
}


.card {
  background-color: #fffaf4;
  background: #fffaf4;
}

.navbar {
  background-color: #fffaf4 !important;
  background: #fffaf4 !important;
}

.form-group .form-control {
  background-color: #fffaf4 !important;
  background: #fffaf4 !important;
}

.dropdown .dropdown-menu  {
  background-color: #fffaf4 !important;
  background: #fffaf4 !important;
}

::selection {
  color: 	white;
  background: #B77D13;
}

.btn-secondary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: #B77D13 !important;
}


 card-body {
   margin: 0;
   width: 100%;
 }

 body {
  font-size: 100%
}

 
.bigger {
  font-size: 30rem;
}
 

.card-img {
  width: 100%;
}

.width {
  width: 100%;
}


@media (max-width: 1199.98px) { 




}

@media (max-width: 991.98px) { 

  .acht img {
    width: 100%;
    margin-bottom: 1rem;
  } 
  
  .navbar-brand {
    width: 40%; 
  }



}


@media (max-width: 580.98px) { 

  .acht img {
    width: 50%;

  } 

  
  
.navbar-brand {
  width: 10%; 
}

.gg {
  text-align: center;
}

.gg a {
  margin-left: auto;
  margin-right: auto;
}

 }

@media (max-width: 575.98px) { 

  h2, h3, h4 {
    font-size: 120%;
  }

  h1 {
    font-size: 180%;
  }

  h5 {
    font-size: 95%;
  }

 }




 @media (min-width: 580.98px) {

  .acht {
    display: flex;
    width: 100%;
  }
  
  .gg {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  }



 }



