.content{

	width: 100%;
	margin: 0%;

}

.content-header{
	width: 100%;
	margin: 0%;
	padding: 0%;
	overflow: hidden;
	height: 100%;

}
.who-is{
	width: 100%;
	overflow:hidden;
	margin-top: 8%;
	margin-bottom: 8%;
	

}
.who-is-title{
	float: left;
	width: 50%;
}
.who-is-title img{
	width: 100%;
	max-width: 100%;
	margin-top: 6%;
	margin-left: 4%;
}
.who-is-content{
	width: 50%;	
	float: left;

}
ul{
	 list-style-type: none;
  margin: 0;
  padding: 0;
}
.who-is-content h3{
		font-size: 1.2vw;
	}
.who-is-content i{

	color: #be7f2a;
	font-size: 1.3vw;
	margin-right: 2%;
}
.who-is-content li{
		list-style: none;
		margin:1% 0%;
		font-size: .7vw;
	}
.header-body{
		position: absolute;
		margin-top: 2%;
		width: 97%;
		margin-left: 3%;
		overflow: hidden;
		z-index: 0;

	}

.header-body a{
	text-decoration: none;
		color: #010c18;

}
.header-body video{
	width: 90%;
	margin-left: 5.5%;

}

#vid-border{
	width: 100%; margin-top: -54.5%;
}
.header-vid{
	margin-top: 9%;
	width: 55%;
	float: left;
	padding: 1% 2% 0% 2%; 
}
.header-details{
	margin-top: 6%;
	width: 35%;
	float: left;
	padding: 1% 2% 0% 2%; 
}
.header-details p{
	margin-top: -2%;
	color: #585858;
	font-weight: lighter;
	font-size: .75vw;
	line-height: 1.2vw;
	letter-spacing: .08vw;
	text-align: center;
	font-family: tinos;
}
.header-details b{
	color: #be7f2a;
	font-weight: bolder;
}
#NOMINATE{
	margin-top: -8%;
}
#NOMINATE:hover{
	opacity: .8;
}
.content-header img{
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
}
#desktop{
	display: block;
}
#mobile{
	display: none;
}

.home-body{
	width: 90%;
	margin: 5%;
	overflow: hidden;
	font-family: tinos;
}
.home-body h2{
	font-family: tinos;
	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: 768px) {
	.who-is-title{
	width: 97%;
}
.who-is-title img{
	width: 100%;
	max-width: 100%;
	margin-left: 2%;
}
.who-is-content{
	width: 95%;	

}
.who-is-content h3{
	margin-top: 8%;
	margin-left: 3%;
	font-size: 3.5vw;
	text-align: center;

}
.who-is-content i{
	font-size: 4vw;
	margin-right: 0%;
}
.who-is-content li{
		list-style: none;
		margin:5% 6%;
		font-size: 3vw;
	}
	#home-body-title{
	width: 100%; margin-left: 0%;
}
	.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;

}

.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%;
}
.content-header{
	width: 100%;
	margin: 0%;
	padding: 0%;
	overflow: hidden;
	height: 180vw;
}

		.header-details{
	width: 97%;
	padding: 0; 
	margin-top: 60%;
}
.header-details p{
	width: 90%;
	margin-left: 5%;
	font-weight: lighter;
	font-size: 3vw;
	line-height: 4.5vw;
	text-align: justify;
  text-justify: inter-word;
}
.header-details p b{
	font-size: 3vw;	
}
#vid-border{
	width: 100%; margin-top: -57%;
}
.header-body video{
	width: 90%;
	margin-left: 5.5%;
	margin-top: 20%;

}
.header-vid{
	margin-top: -191%;
	width: 92%;
	float: left;
}
.header-details button{
	margin-top: 5%;
	margin-left: 20%;
	padding: 1.8% 3%;
	font-weight: 700;
	font-size: 6vw;
	cursor: pointer;
}
		#desktop{
	display: none;
}
#mobile{
	display: block;
}

	}