body{
    margin:0;
    padding:0;
    background-color:black;
    font-weight: bold;
}

#content-one{
    width:100%;
    height:auto;
    padding:0;
    padding-bottom:25px;
    background-color: black;
    color:white;
    display:flex;
}
@import url(https://db.onlinewebfonts.com/c/0a6ee448d1bd65c56f6cf256a7c6f20a?family=Bahnschrift);

header{
    width:100%;
    background-color:white;
    height:100px;
    display:flex;
}
#left{
    width:33%;
    height:100%;
      color: black;
    display:flex;
}
#right{
    width:33%;
    height:100%;
    margin-left:auto;
    margin-right:15px;
}
#heading-one{
    margin:0 auto;
    text-align:left;
    width:100%;
    color:white;
    margin-left: 50px;
    margin-bottom:100px;
}
#logo{
    height:100px;
    padding:1.5px;
    margin:0;
    transform:translate(0px, 0px);
}
#middle{
        width:33%;
    height:100%;
    margin-left:auto;
    text-align:center;
}

#X{
   height:75px;
    display:none;
}

#ham{
    height:75px;
    display:center;
    background-color:white;
   
}

button{
     float:right;
     height:75%;
    padding:12.5px;
    background-color: white;
    border:white 500px;

}
#ham-btn{
    display:block;
}

#X-btn{
    display:none;
}

#nav{
    display:none;
    justify-content: space-around;

}

#nav-item{
     height:125px;
        padding:1.5px;
    margin:0;
    transform:translate(0px, -12.5px);
}

#banner{
 width:100%;
       position: relative;
  text-align: center;
    margin:0;
    padding:0;
}
#banner-img{
    width:100%;
    height:100%;
    
}

#banner-text-one {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    width:100%;
    margin:0;
    padding:0;
        color:white;
}


#banner-mask{
     position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    background: rgba(0, 0, 0,  0.5);
        width:100%;
    height:100%;
}


#content-two{
    width:100%;
    background-color: white;
    color: white;
    height:fit-content;
    text-align: center;
    color: black;
    display:flex;
}

#divider-left{
    width:40%;
    float:left;
    height:100%;

}
#divider-right{
    width:60%;
    height:100%;
        margin: 0 auto;
}
h1{
    font-family: "Bahnschrift";
}

@font-face {
    font-family: "Bahnschrift";
    src: url("https://db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.eot");
    src: url("https://db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.svg#Bahnschrift")format("svg");
}

#leaf{
    height:15px;
    color:white;
      transform: translate(-50%, -50%);
}
button{
    text-align: center;
    width:100%;
    margin:0 auto;
}
#content-three{
    background-color: #FF6400;
    color:white;
    margin:0;
    padding:0;
}
#heading-three{
    width:70%;
    text-align: center;
    margin:0 auto;
}