@media only screen and (max-width: 600px) {
  body{
    padding:1rem !important;
    word-wrap: break-word !important;
  }
  #navbar,
  .logo,
  .header-image,
  .arrow{
    display:none !important;
  }
  #responsive-nav{
    display:block !important;
  }
  .break{
    display:block !important;
  }
}
body{
  margin:0;
  padding:0;
  overflow-x: hidden;
  height:100%;
  width:100%;
}
img{
  width:100%;
}
#logo{
  width:15%;
  margin-top:-100px;
}
#navbar{
  height:auto;
}
#navbar a{
  font-size:2rem;
  
}
#first-article{
  margin-top:-50px;
}
#navbar button{
  background-color:transparent;
  border:none;
  padding:15px;
}
.justify{
  text-align: justify;
}
.normal-font{
  font-size:1.8rem;
  text-align:justify;
}
.bold{
  font-weight:bold;
}
.bright{
  background-color:#94b5c2;
}
.dark{
  background-color:#7d9dab;
}
.logo{
  position:absolute;
  z-index:1;
}
.header-image{
  background-color:grey;
  z-index: 0;
}
.slider-images{
  width:100%;
  height:50rem;
}
.small-padding{
  padding:30px;
}
.main-menu{
  list-style-type: none;
  font-size:1.5rem;
  padding-top:50px;

}
#accordion{
  list-style-image:url('/public/images/bullet.png') !important;
}
.italic{
  font-style: italic;
}
.main-menu-list::before{
 content: '';   
 display: inline-block;   
 height: 40px;   
 width: 40px;    
 background-size: 30px;   
 background-image: url('/public/images/star.png'); 
 background-repeat: no-repeat;   
 margin-right: 10px;
 background-position: center center;
 vertical-align: middle;
}
.main-menu li a{
  color:black;
}
.main-menu li a:hover{

  text-decoration:none;
  opacity:0.7;
}
.footer-links{
  margin:15px !important;
}
.no-padding{
  padding-right:0 !important;
  padding-left: 0 !important;
}
.container-fluid{
  padding-right:0 !important;
  padding-left: 0 !important;
}
.input{
  width:100%;
  display:block;
  margin-top:15px;
  margin-bottom:15px;
  padding:15px;
}
.half-input{
  width:100%;
  display:inline;
  margin-top:15px;
  margin-bottom:15px;
  padding:15px;
}
.currency-select{
  width:100%;
  display:inline;
  margin-top:15px;
  margin-bottom:15px;
  padding:16px;
  float:right;
}
#not-robot{
  text-align:center;
  background:#7d9dab;
  width:100%;
  color:white;
  font-weight: bold;

}

#random{
  background:url('/public/images/captcha-bgn.PNG');
  color:purple;
  letter-spacing:7px;
  font-weight:bold;
  text-align:center;
  font-size:2em;
}

#send-btn{
  background:#7d9dab;
  color:white;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing:1px;
  padding:10px;
  border-radius:5px;

}
.clear-bottom{
  margin-bottom:50px;
}
.shadow{
  box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
  0 5px 15px 0 rgba(0,0,0,0.08);
}

#contact-wrapper,
#protection-wrapper,
#imprint-wrapper{
  margin-top:12%;
}
.content{
  text-align: justify !important;
  font-size:1.3em;
  padding:1.3em;
}

input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button { 

  -webkit-appearance: none; 
}

.arrow{
  color:black;
  box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
  0 5px 15px 0 rgba(0,0,0,0.08);

}
.arrow span{

  position: fixed;
  bottom:1%;
  right: 1%;
  color:black;
  width:80px;
  height:80px;
  background-color:rgba(0,0,0,0.2);
}
.comers div div img{
  width:50%;
}
.comers{
  margin:50px 0;
}

.ohnohoney{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

#robot{
  width:40px;
  height:40px;
  float:right;
  margin-top:25px;
}