.header{
    display:flex;
    justify-content: space-between;
    width:99%;


}
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

#menu{
    display:flex;
    justify-content: space-between;
    width:40%;
    margin-left:30%;
    margin-right:30%;
    margin-top:10px;
    border-top: 2px solid #e10c0b;
    border-bottom: 2px solid #e10c0b;
}
.menum:hover{
    background-color:2ba7dd;
}
.menu{
    text-decoration:none;
    color: #e10c0b;
    font-family:Calibri;
    font-size:20px;
}
#lmenu{
    padding-left:10px;
}
#rmenu{
    padding-right:10px;
}
#bg{
    position:absolute;
    padding-top:70px;
    width: 322px;
    height: 400px;
    margin-left:41%;
}
#bg2{

    opacity: 0.3;
}
#bgmain{
    position:absolute;
    margin-left:15%;
}
#mission{
    padding-top:20px;
    color:black;
    font-weight: bold;
    font-family:Calibri;
    font-size:20px;
}
@media only screen and (max-width: 1500px){
#bg{
    position:absolute;
    padding-top:70px;
    width: 322px;
    height: 400px;
    margin-left:38%;
}
#bgmain{
    position:absolute;
    margin-left:6%;
}
}
@media only screen and (max-width: 1400px){
#bg{
    position:absolute;
    padding-top:70px;
    width: 322px;
    height: 400px;
    margin-left:30%;
}
#bgmain{
    position:absolute;
    margin-left:0%;
}
#mission{
    padding-top:20px;
    color:black;
    font-weight: bold;
    font-family:Calibri;
    font-size:20px;
    padding-left:10px;
    padding-right:10px;
}
}

@media only screen and (max-width: 999px){
#bg{
    position:absolute;
    padding-top:100px;
    width: 322px;
    height: 400px;
    margin-left:28%;
}
#bgmain{
    position:absolute;
    margin-left:0%;
}
#menu{
    display:flex;
    justify-content: space-between;
    width:60%;
    margin-left:20%;
    margin-right:20%;
    margin-top:10px;
    border-top: 2px solid #e10c0b;
    border-bottom: 2px solid #e10c0b;
}
}

@media only screen and (max-width: 700px){
#bg{
    position:absolute;
    padding-top:120px;
    width: 241px;
    height: 330px;
    margin-left:15%;
}
#bgmain{
    position:absolute;
    margin-left:0%;
}
#menu{
    display:flex;
    justify-content: space-between;
    width:95%;
    margin-left:2.5%;
    margin-right:2.5%;
    margin-top:10px;
    border-top: 2px solid #e10c0b;
    border-bottom: 2px solid #e10c0b;
}
.menu{
    font-size:15px;
}
#mission{
    padding-top:20px;
    color:black;
    font-weight: bold;
    font-family:Calibri;
    font-size:20px;
    padding-left:10px;
    padding-right:10px;
}
}


#gal{
    position:absolute;
    top:10px;
    left:10px;
    padding-left:20px;
    width:220px;
    height:200px;
}

#naam{
    color:#e10c0b;
    font-weight: bold;
    font-family:Calibri;
    font-size:20px;
}


#values{
    padding-top:100px;
    padding-left:0px;
}
@media only screen and (max-width: 1100px){
   #gal{
    position:absolute;
    top:40px;
    left:-5px;
    padding-left:20px;
    width:160px;
    height:120px;
}
#values{
    padding-top:90px;
    padding-left:10px;
    padding-right:10px;
}
.icon-bar {
  position: fixed;
  top: 28%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
}
@media only screen and (max-width: 700px){
   #gal{
    position:absolute;
    top:85px;
    left:-15px;
    padding-left:20px;
    width:160px;
    height:120px;
}
#values{
    padding-top:100px;
    padding-left:10px;
    padding-right:10px;
}
.icon-bar {
  position: fixed;
  top: 30%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#naam{
    font-size:17px;
}
#us{
    width:98%;
    margin-left:1%;
    margin-right:1%;
    height:400px;
}
}
#crusade{
    color: #e10c0b;
    font-family:Calibri;
    font-size:20px;
}
#crushead{
    margin-top:70px;
    margin-left:10px;
}
#crus2{
    color: #e10c0b;
    font-family:Calibri;
    font-size:20px;
}
#gal1{
    display:flex;
    justify-content: space-between;
    width:90%;
    margin-left:5%;
}

#gal2{
    display:flex;
    justify-content: space-between;
    width:90%;
    margin-left:5%;
    margin-bottom:180px;
}
.gallery{
    width:500px;
    height:400px;
}

@media only screen and (max-width: 1500px){
    #gal1{
    display:flex;
    justify-content: space-between;
    width:98%;
    margin-left:1%;
}
#gal2{
    display:flex;
    justify-content: space-between;
    width:98%;
    margin-left:1%;
    margin-bottom:180px;
}
}

@media only screen and (max-width: 1420px){
    #gal1{
    display:flex;
    justify-content: space-between;
    width:98%;
    margin-left:1%;
}
#gal2{
    display:flex;
    justify-content: space-between;
    width:98%;
    margin-left:1%;
    margin-bottom:180px;
}
.gallery{
    width:400px;
    height:300px;
}

}
@media only screen and (max-width: 1100px){
    #gal1{
    display:flex;
    justify-content: space-between;
    width:98%;
    margin-left:1%;
}
#gal2{
    display:flex;
    justify-content: space-between;
    width:98%;
    margin-left:1%;
    margin-bottom:180px;
}
.gallery{
    width:250px;
    height:200px;
}

}
@media only screen and (max-width: 700px){
    #gal1{
    display:flex;
    flex-direction:column;
    width:98%;
    margin-left:1%;
}
#gal2{
    display:flex;
    flex-direction:column;
    width:98%;
    margin-left:1%;
    margin-bottom:180px;
}
.gallery{
    width:350px;
    height:300px;
}
#crusade{
    padding-top:180px;
    color: #e10c0b;
    font-family:Calibri;
    font-size:20px;
}
#crushead{
    margin-top:10px;
    margin-left:10px;
}
}
#list{
    list-style:none;
}
#social{
    padding-left:20px;
    font-size:20px;
}
.detail{
    color:#e10c0b;
    padding-left: 5%;
    padding-right:5%;
}

#container4{
    width:20%;
    padding-top:20px;

}
#container5{
    width:100%;
}
textarea{
    height:400px;
    width:400px;
}
#knop{
    background-color:#e10c0b;
    border-radius:15px;
}
#kolom{
    width:100%;
}
#paypal{
    padding-top:100px;
}