body, html {
  margin: 0;
  height: 100%;
  margin-top: 5%;
}
.content{
  width: 100%;
  margin: 0%;

  overflow: hidden;
  margin-bottom: 6%;

}
.content-body{
  margin: 7% 5% 2% 5%;
}

.content-header{
  width: 100%;
  height: 18vw;
}
.content-header img{
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
}




@media only screen and (max-width: 768px) {
.content-header{
  margin-top: 9%;
}
.header-body{
      margin-top: 19%;
}
  .header-body h1{
        font-size: 8vw;
  }

  }


      .cont{
  padding:0% 0%;
  overflow: hidden;
  }
.home-body{
  width: 90%;
  margin: 5%;
  overflow: hidden;
}
.home-body h2{
  text-align: center;
  margin: 0;
  font-size: 3vw;
   background: -webkit-linear-gradient(#c1b881, #85540f ,#c1b881);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.home-body p{
  margin: 0;
  margin-bottom: 5%;
  text-align: center;
    font-size: 1vw;
}
#home-body-title{
  width: 50%; margin-left: 25%;
}
.council{
  float: left;
  width: 29.9%;
  height: 32vw;
  margin: 1.6679%;
  cursor: pointer;
}
.council-details h3{
  font-size: auto;
  margin: 0%;
  text-align: center;
  font-size: 1.5vw;
}
.council-details p{
  text-decoration: underline;
  font-size: 1vw;
  font-size: auto;
  margin: 0%;
  text-align: center;
}
.council:hover{
  opacity: .8;
}
.council-img{
  -webkit-mask-image: url(images/w3logo2.png);
  mask-image: url(images/w3logo2.png);
}
.council-img-holder{
  margin-top: -83.5%;
  margin-left: 6.5%;
  z-index: 2;
}
.mask1 {
  margin-left: 10.5%;
   clip-path: circle(50%);
}
a{
  color: black;
}
 
  @media only screen and (max-width: 700px) {
   .home-body h2{
  font-size: 7vw;

}
.home-body p{
  font-size: 3vw;
  margin-bottom: 10%;
}
  .council{
  width: 97%;
  height: 105vw;
}
.council-details h3{

  font-size: 5vw;
}
.council-details p{
  font-size: 4vw;

}
  .header-body video{
  width: 85%;
  margin-left: 6.5%;
  margin-top:15%;
  margin-bottom: 5%;

}
.border-gradient {
  border: 1vw solid;
  border-image-slice: 1;
  border-width: 1vw;
}
.border-gradient-purple {
  border-image-source: linear-gradient(to left,  #85540f, #c1b881, #85540f, #c1b881, #85540f);
}
  .content{

  width: 100%;
  margin: 0%;
}
   
  }