body{
  position:relative;
  overflow-x:hidden;

  width:100%;
  height:100%;

  }
.super-container{
  position: fixed;
  width:100%;
  height:100%;
background-color:auto;
overflow: scroll;
}

.head{
  position:relative;
  height:15%;
 z-index: 3;
 top:0px;
 width:100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.3);
}
.logo{
  position: relative;
  width:30%;
  height:auto;
  left: 25px;
  top: 15px;
}
.nav-column{
  padding-top:60px;
}
.nav-content{
  padding:20px;
  cursor:pointer;
  transition: all 0.3s;
}
.nav-content:hover{
  background-color:rgba(74,180,115,1);
  color:white;
}


/* HOME-SECTION*/

.home{

  position:relative;
  width: 90%;
  height:50%;
  background: url(home_background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin:auto;
  top:13%;
  border-radius: 10px;
  box-shadow: 0px 0px 2px 2px rgba(254,254,254,0.2);
}

/*history section*/

.history{
  position:relative;
  width: 100%;
  height:30%;
  margin-top:15%;

}
.icon_container{
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255,0.9);
  transition: all 0.5s;
}
.icon_container:hover{
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
.icon{
  color:black;
  padding-top: 13px;
}
.icon:hover{
  color:rgb(179, 179, 179);
}

/*GALLERY section*/

.gallery_container{
  position:relative;
  width: 100%;
  height:60%;
  background: url(gallery_background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin:auto;

}
.gallery{
  position: relative;
  width: 60%;
  height: 40%;
  margin:auto;
  background-color: rgba(254,254,254,0.6);
  top:30%;
  padding:20px;
  border-radius: 5px;
}
.contact{
  position: relative;
  width: 100%;
  height: auto;
  background-color:rgb(245, 245, 240);
  top:0%;
}

.icon_contact{
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);

  transition: all 0.5s;
}
.icon_logo{
  position: relative;
  width:60%;

  top:15px;
  height:auto;
  margin: auto;

}
.fb_logo{
  cursor:pointer;
  position: relative;
  width:25%;
  padding:20px;
  height:auto;
  margin-top: 45px;
  transition: all 0.5s;
}
.fb_logo:hover{
  background-color:rgba(74,180,115,1);
  color:white;
}
.footer-column{
  padding-left:20px;
  padding-right: 20px;
  padding-top:20px;
}
.container{
  padding: 10%;
}