@media only screen and (min-width: 1200px) {
	.mandates .hero .banner{
		min-height: 525px;
	   background-image: linear-gradient(to right, rgba(39, 62, 118, 0) 24%, rgba(23, 38, 79, 0.64) 45%, #111d41 67%), url(../img/mandates_header.png);
	   background-repeat: no-repeat;
	   background-position: 0 center;
	   background-size: auto;
	   margin-bottom: 0;
	
	  }
	  
	  .mandates .hero-wrapper {
		display:none;
	  }
	  
	  .mandates   .address { 
		float: left;
		margin-left: 50%;
		margin-top: 100px;
		color: #fff;
		width: 42%;
	  }
	}
	  
	  .mandates .address h1 { 
	  font-size: 37.5px;
		font-weight: 900;
		line-height: 45px;
		min-height:55px;
		color: #fff;
	  }
	  
	  .mandates .address h4 { 
		color: #80a0ff;
		font-family: Raleway;
		font-size: 15px;
		font-weight: 700;
		line-height: 18px; 
	  }
	  
	  
	  .mandates .address p { 
		color: #fff;
		font-size: 15px;
		font-weight: 300;
		line-height: 1.5;
		letter-spacing: normal;
	  }
	  
	  .mandates h2 {
		color: #111d41;
		font-family: Raleway;
		font-size: 22.5px;
		font-weight: 700;
		line-height: 26px;
		margin-top: 39px;
	  }
	  
	  .mandates .sidebar {
		width:270px;
	  }
  @media only screen and (min-width: 1200px) {


	.mandates .col-content > section {
	  margin-left: 285px;
	}
}

.mandates .btn-meet {
	padding:60px;
}


.mandates .btn-meet .blue-text {
	max-width: 220px;
	font-size: 15px;
	font-weight: 300;
	line-height: 22.5px;
}
.mandates .blue-text .btn {
	margin-top: 30px;
}


@media only screen and (max-width: 1199px) {

	.mandates .hero .banner {
		min-height: 525px;
		background-image: linear-gradient(to bottom, rgba(39, 62, 118, 0) 24%, rgba(23, 38, 79, 0.64) 45%, #111d41 67%), url(../img/mandates_header.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto;
		margin-bottom: 0;
	}


	.mandates .address {
		padding: 200px 30px 50px 30px;
	}

	.mandates .address h1{
		font-size:16px;
	}

	

}


.mandates .btn-meet {
	background-color: #f9f9f9;
}

.mandates .btn-meet .btn {
	margin-top: 30px;
}

.mandates .col-content > section {
	padding-bottom: 40px;
}

.mandates-chart-1 {
	max-width: 59%;
}
.mandates-chart-2 {
	max-width: 40%;
}

@media only screen and (max-width: 1199px) {
	h2.title {
		font-size: 20px !important;
		font-weight: 900;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		color: #111d41 !important;
	}

	.mandates-chart-1 {
		max-width: 100%;

	}
	.mandates-chart-2 {
		max-width: 0;
		display: none;
	}

	.mandates .btn-meet .blue-text {
		display: none;
	}
}