@charset "utf-8";
body,html {
	height: 100%;
}

.icon-bar {
	width: 22px; 
	height: 2px;
	background-color:#565555;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
 
bottom:focus {
	outline: none; 
}

.bg-light {
	background-color: #FFFFFF !important;
}


.hero-band-contain {
	padding: 0px;
	position: relative;
}

.hero-image-overlay {
	position: absolute;
	top: 1%;
	left: 2%;
}

.sethshead {
	color: #2E2E2E;
	font-size: 47px;
	font-family: 'Bitter', serif;
	margin-left: 10%;
	margin-top: 9%;
	font-weight: 700;
}
.leveraging {
	color: #2E2E2E;
	font-size: 23px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	margin-left: 10%;
	margin-top: 1%;
	width: 46%;
}

.who-we-are-button {
	font-family: 'Raleway', sans-serif;
  	font-size: 25px;
 	margin-top: 2%;
  	margin-left: 10%;
  	border-radius: 0px;
  	color: #E8F5E9;
  	border-color: #43A047;
  background: linear-gradient(to bottom, #81C784 0%, #66BB6A 100%);
  box-shadow: inset 0 1px #C8E6C9, 0 1px 2px rgba(0, 0, 0, 0.2);
  border-width: 1px;
}

.who-we-are-button:hover, .who-we-are-button:focus, .who-we-are-button.focus, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
  	border-color: #66BB6A;
  background: linear-gradient(to bottom, #A5D6A7 0%, #81C784 100%);
  box-shadow: inset 0 1px #E8F5E9, 0 2px 3px rgba(0, 0, 0, 0.2);
}

.who-we-are-button:active, .who-we-are-button.active, .btn-primary.active, .btn-primary:active {
  border-color: #388E3C;
  color: #C8E6C9;
  background: linear-gradient(to bottom, #66BB6A 0%, #43A047 100%);
  box-shadow: inset 0 2px 2px #388E3C;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  border-color: #388E3C;
  color: #C8E6C9;
  background: linear-gradient(to bottom, #66BB6A 0%, #43A047 100%);
  box-shadow: inset 0 2px 2px #388E3C;
}

.navbar-brand {
	margin-left: 3%;
}

.navbar-collapse {
	margin-right: 4%;
}

.navbar-light .navbar-nav .nav-link {
	color: #222222;
	margin-right: 27px;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 18px;
}

.navbar-toggler {
  	padding: 0.25rem 0.75rem;
  	font-size: 1.25rem;
  	line-height: 1;
  	background-color: transparent;
  	border: none;
}

.nav-link:hover, .nav-link:focus {
  	color: #7aac3b !important;
}

.dropdown-item:hover, .dropdown-item:focus {
  	color: #7AAC3B;
}

/*Second Section*/

.meeting{
	padding: 0px;
}

.escape-logo {
	margin-top: 5%;
}

.escape-text {
	color: #2E2E2E;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	margin-top: 4%;
	width: 95%;
}

.escape-button {
  font-family: 'Raleway', sans-serif;
  font-size: 25px;
  margin-top: 4%;
  border-radius: 0px;
  color: #E8F5E9;
  border-color: #43A047;
  background: linear-gradient(to bottom, #81C784 0%, #66BB6A 100%);
  box-shadow: inset 0 1px #C8E6C9, 0 1px 2px rgba(0, 0, 0, 0.2);
  border-width: 1px;
}

.escape-button:hover, .escape-button:focus, .escape-button.focus, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
  border-color: #66BB6A;
  background: linear-gradient(to bottom, #A5D6A7 0%, #81C784 100%);
  box-shadow: inset 0 1px #E8F5E9, 0 2px 3px rgba(0, 0, 0, 0.2);
}

.escape-button:active, .escape-button.active, .btn-primary.active, .btn-primary:active {
  border-color: #388E3C;
  color: #C8E6C9;
  background: linear-gradient(to bottom, #66BB6A 0%, #43A047 100%);
  box-shadow: inset 0 2px 2px #388E3C;
}

/*Third Section*/

.contracting-image {
	padding: 0px;
}

.macc-logo {
	margin-top: 5%;
}
.macc-text {
	color: #2E2E2E;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	margin-top: 4%;
	width: 95%;
}

.macc-button {
  font-family: 'Raleway', sans-serif;
  font-size: 25px;
  margin-top: 4%;
  border-radius: 0px;
  color: #E8F5E9;
  border-color: #43A047;
  background: linear-gradient(to bottom, #81C784 0%, #66BB6A 100%);
  box-shadow: inset 0 1px #C8E6C9, 0 1px 2px rgba(0, 0, 0, 0.2);
  border-width: 1px;
}

.macc-button:hover, .macc-button:focus, .macc-button.focus, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
  border-color: #66BB6A;
  background: linear-gradient(to bottom, #A5D6A7 0%, #81C784 100%);
  box-shadow: inset 0 1px #E8F5E9, 0 2px 3px rgba(0, 0, 0, 0.2);
}

.macc-button:active, .macc-button.active, .btn-primary.active, .btn-primary:active {
  border-color: #388E3C;
  color: #C8E6C9;
  background: linear-gradient(to bottom, #66BB6A 0%, #43A047 100%);
  box-shadow: inset 0 2px 2px #388E3C;
}

.copyright-text {
	color: #2E2E2E;
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
}

.copyright-container {
	border-top-style: solid;
	border-top-width: .25px;
}

.copyright-container-about{
	height: 3%;	
}

/*About Page*/

.about-text {
	color: #FFFFFF;
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	width: 70%;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	
}

.about-image {
	background-image: url(images/about_image1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	position: relative;
	height: 95%;
}

/*ESCAPE Page*/

.escape-page-text {
	color: #1A1A1A;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	width: 60%;
}

.escape-page-container {
	margin-top: 2%;
	margin-bottom: 3%;
}

/*Contact Page*/

.contact-page-text {
	color: #1A1A1A;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	width: 50%;
	margin-top: 2%;
	margin-bottom: 3%;
}

/*Mobile View - XS*/

@media (max-width:575.98px){
	
	.sethshead {
	font-size: 19px;
	margin-top: 5%;
	margin-left: 4%
}
	
	.leveraging {
	font-size: 16px;
	margin-top: 2%;
	margin-left: 4%;
	width: 65%;
}

	.who-we-are-button {
	font-size: 15px;
	margin-top: 2%;
	margin-left: 4%;
}
	
	.hero-image {
		min-height: 245px;
	}

	.escape-logo {
	margin-top: 3%;
}


.escape-text {
	color: #2E2E2E;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	margin-top: 3%;
	width: 100%;
}

.escape-button {
	font-size: 15px;
	margin-top: 2%;
	margin-bottom: 5%;
}
	
.macc-container {
	border-top: 1px solid #272727;
}
	
.macc-logo {
	margin-top: 5%;
}
	
.macc-text {
	color: #2E2E2E;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
	margin-top: 3%;
	width: 100%;
}
.macc-button {
	margin-top: 3%;
	margin-bottom: 5%;
	font-size: 15px;
}	
	
.copyright-text {
		font-size: 12px;
	}
	
.about-text {
	font-size: 16px;
	width: 95%;
	margin-top: 15%;
}	
	
.escape-page-container {
	margin-top: 5%;
	margin-bottom: 3%;
	width: 95%;
}
	
.escape-page-text {
	color: #1A1A1A;
	font-size: 16px;

}
	
.escape-page-logo {
	width: 50%;
}
	
.contact-page-text {
	width: 100%;
	margin-top: 4%;
	margin-bottom: 6%;
	font-size: 16px;
}

.contact-heading {
	font-size: 20px
	}
	
.macc-page-logo {
	width: 40%;
}	
	
}

/*Small Devices*/
@media (min-width:576px) and (max-width:767.98px){
	
.sethshead {
	font-size: 24px;
	margin-left: 5%;
	margin-top: 5%;

}
	
.leveraging {
	font-size: 16px;
	margin-left: 5%;
	width: 60%;
}

.who-we-are-button {
	font-size: 18px;
	margin-left: 5%;
	margin-top: 2%;
	
}

.escape-logo {
	margin-top: 3%;
}

.escape-text {
	font-size: 16px;
	margin-top: 3%;
	width: 95%;
}

.escape-button {
	font-size: 18px;
	margin-top: 2%;
	margin-bottom: 5%;
}

.macc-container {
	border-top: 1px solid #272727;
}

.macc-logo {
	margin-top: 5%;
}
	
.macc-text {
	font-size: 16px;
	margin-top: 3%;
	width: 95%;
}

.macc-button {
	margin-top: 3%;
	margin-bottom: 5%;
	font-size: 18px;
}
	
	
.copyright-text {
	font-size: 13px;
	}
	
.about-text {
	font-size: 16px;
	width: 90%;
	margin-top: 5%;
}	
	
.escape-page-container {
	margin-top: 4%;
	margin-bottom: 3%;
	width: 90%;
}
	
.escape-page-logo {
	width: 45%;
}
	
.contact-page-text {
	width: 95%;
	margin-top: 3%;
	margin-bottom: 5%;
	font-size: 16px;
}
	
.macc-page-logo {
	width: 35%;
}	
	
}

/*Medium Devices*/

@media (min-width: 768px) and (max-width: 991.98px){
	
.sethshead {
	font-size: 30px;
	margin-left: 14%;
	margin-top: 8%;
}
	
.leveraging {
	font-size: 18px;
	margin-left: 14%;
	margin-top: 1%;
	width: 58%;
}

.who-we-are-button {
	margin-left: 14%;
	font-size: 18px;
	}
	
.escape-logo {
	margin-top: 3%;
}


.escape-text {
	font-size: 15px;
	margin-top: 3%;
	width: 100%;
}

.escape-button {
	font-size: 18px;
	margin-top: 3%;
}
	
.macc-logo {
	margin-top: 3%;
}
	
.macc-text {
	font-size: 15px;
	margin-top: 3%;
	width: 100%;
}
.macc-button {
	margin-top: 2%;
	font-size: 18px;
}
	
	
.copyright-text {
	font-size: 13px;
	}
	
.escape-container {
	margin-top: 3%;
	border-top: 0.5px solid #2B2B2B;
}
	
.about-text {
	font-size: 18px;
	width: 90%;
	margin-top: 5%;
}	
	
.escape-page-container {
	margin-top: 4%;
	margin-bottom: 3%;
	width: 85%;
}
	
.escape-page-logo {
	width: 35%;
}	
	
.contact-page-text {
	width: 80%;
	margin-top: 2%;
	margin-bottom: 3%;
}
	
.macc-page-logo {
	width: 35%;
}	
	
}

/*Large Device**/

@media (min-width: 992px) and (max-width: 1199.98px){
	
.sethshead {
	font-size: 35px;
	margin-top: 10%;
	margin-left: 15%;
}
	
.leveraging {
	font-size: 20px;
	margin-top: 1%;
	margin-left: 15%;
}

.who-we-are-button {
	margin-left: 15%;
	font-size: 20px;
	}


.escape-logo {
	margin-top: 3%;
}


.escape-text {
	font-size: 16px;
	margin-top: 4%;
	width: 100%;
}

.escape-button {
	margin-top: 4%;
	font-size: 20px;
}

.macc-logo {
	margin-top: 3%;
}
	
.macc-text {
	font-size: 16px;
	margin-top: 4%;
	width: 100%;
}
.macc-button {
	margin-top: 4%;
	font-size: 20px;
}
	
.copyright-text {
	font-size: 13px;
	}
	
.escape-container {
	margin-top: 3%;
	border-top: 0.5px solid #2B2B2B;
}
	
.about-text {
	font-size: 20px;
	width: 85%;
}	
	
.escape-page-container {
	margin-top: 4%;
	margin-bottom: 3%;
	width: 80%;
}
	
.contact-page-text {
	width: 60%;
	margin-top: 2%;
	margin-bottom: 3%;
}

.macc-page-logo {
	width: 30%;
}	
	
	
}

/*XL Devices*/

@media (min-width: 1200px){
	.escape-container {
	margin-top: 3%;
	border-top: 0.5px solid #2B2B2B;
}
}