#row1{
	background-color:#6f6f6f;
	min-height:150px;
}


#logo{
	display:block;
	margin:0px auto;
	padding:5px;
}
	#hero{
		position:absolute;
		display:block !important;
		top:20px;
		left:3%;
		z-index:9999;
	}
H1{
	color:#ffffff;
	font-weight:bold;
	font-size:28px;
	margin:0px;
}
.Button {
	background-color:#e3aacb;
	-webkit-border-top-left-radius:31px;
	-moz-border-radius-topleft:31px;
	border-top-left-radius:31px;
	-webkit-border-top-right-radius:31px;
	-moz-border-radius-topright:31px;
	border-top-right-radius:31px;
	-webkit-border-bottom-right-radius:31px;
	-moz-border-radius-bottomright:31px;
	border-bottom-right-radius:31px;
	-webkit-border-bottom-left-radius:31px;
	-moz-border-radius-bottomleft:31px;
	border-bottom-left-radius:31px;
	text-indent:0;
	border:0px;
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
	padding:10px 30px;
	margin:10px 10px 10px 0px;
	text-align:center;
}.Button:hover {
	background-color:#dfdfdf;
}.Button:active {
	position:relative;
	top:1px;
}
.Debit{
	border:4px solid #ffffff;
	padding:40px 20px;
	background-color:#9e78ab;
	color:#ffffff;
	font-size:16px;
	text-decoration:none;
}
a{
	color:#ffffff;
}
.crunchify-top:hover {
color: #fff !important;
background-color: #9e78ab;
text-decoration: none;
}
 
.crunchify-top {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
width: 3.2rem;
height: 3.2rem;
line-height: 3.0rem;
font-size: 2.2rem;
color: #fff;
background-color: rgba(0,0,0,0.3);
text-decoration: none;
border-radius: 0rem;
text-align: center;
padding-right:5px;
padding-bottom:19px;
cursor: pointer;
-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
/* Hero */
.hero{
  width: 100%;
  min-height: 345px;
  position: relative; 
}
.hero img{
  width: 100%;
}
#text1 {
	max-width:200px;
	position:absolute;
	width:100%;
	left:20%;
	top:2%;
}
#image1{
	width:100%;
	display:block;
	}
.hero-image1 {
  background-image:  url("../images/1.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-image2 {
  background-image:  url("../images/2.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-image3 {
  background-image:  url("../images/3.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-text {
  text-align: center;
  aposition: absolute;
  top: 250px;
  aleft: 50%;
  atransform: translate(-50%, -50%);
  display:block;
}
.hero-text1 {
  text-align: center;
  aposition: relative;
  top: 250px;
  left: 25%;
  transform: translate(-50%, -50%);
  color: white;
  adisplay:none;
}
.hero-text2 img{
	width:100%;
	max-width:332px;
	padding-top:150px;
}
.hero-text3 img{
	width:100%;
	max-width:330px;
	padding-top:150px;
}
.hero-text2 {
  text-align: center;
  color: white;
  display:block;
}
.hero-text3 {
  text-align: center;
  color: white;
  display:block;
}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]) {
	height:40px;
	width:100%;
	color:#6f6f6f;
	background-color:#ffffff;
	border:2px solid #6f6f6f;
	padding:0px 10px;
}
#Mission{
	 background-color:#ffffff;
	 color:#6f6f6f;
	 font-weight:normal;
	 padding:40px;
	 min-height:380px;
}
#About{
	background-color:#6f6f6f;
	color:#ffffff;
	font-weight:normal;
	padding:40px;
	min-height:300px;
}
#Foundation{
	background-color:#dcb7d3;
	color:#6f6f6f;
	font-size:26px;
	font-weight:bold;
	padding:40px;
	text-align:center;
	min-height:250px;
}
select{
	height:40px;
	background-color:#ffffff;
	width:100%;	
	color:#6f6f6f;
	border:2px solid #eeeeee;
	padding:0px 10px;
}

.submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--colour1);), color-stop(1, var(--colour1);) );
	background:-moz-linear-gradient( center top, var(--colour1); 5%, var(--colour1); 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--colour1);', endColorstr='var(--colour1);');
	background-color:var(--colour1); !important;
	text-indent:0;
	border:1px solid #c04a01;
	display:inline-block;
	color:#ffffff !important;
	font-family: 'Montserrat', sans-serif;
	font-size:15px !important;
	font-weight:bold;
	font-style:normal;
	height:46px !important;
	width:120px !important;
	text-decoration:none;
	text-align:center;
}
.submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--colour1);), color-stop(1, var(--colour1);) );
	background:-moz-linear-gradient( center top, var(--colour1); 5%, var(--colour1); 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--colour1);', endColorstr='var(--colour1);');
	background-color:#c04a01;
}.submit:active {
	position:relative;
	top:1px;
}
.Right{
	text-align:right;
}
.Left{
	text-align:left;
}
.pad{
	margin:10px;
}
.mandatory{
	color:#C00;
	font-size:120%;
}
.Grey {
	color:#6f6f6f;
}
/* Hero */
/* header */

.header {
  width: 100%;
  z-index: 3;
}

.header ul {
  margin: 0;
  padding-top: 0px;
  list-style: none;
  overflow: hidden;
  background-color: #6f6f6f;
}

.header li a {
  display: block;
  padding: 10px;
  text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #6f6f6f;
  color:#e3aacb;
}


/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  top:-60px;
  padding: 0px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 540px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
@media (min-width: 600px) {
.header ul {
  margin: 0;
  padding-top: 50px;
  list-style: none;
  overflow: hidden;
  background-color: #6f6f6f;
}
	  .header li {
    float: left;
	border-right:1px solid #ffffff;
  }
  .header li a {
    padding: 2px 18px;
	color:#ffffff;
	aborder-right:1px solid #ffffff;
  }
  .header li:last-child {
	border-right:none;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
#Mission{
	 background-color:#ffffff;
	 color:#6f6f6f;
	 font-weight:normal;
	 padding:40px;
	 amin-height:280px;
}
#About{
	background-color:#6f6f6f;
	color:#ffffff;
	font-weight:normal;
	padding:60px;
	min-height:300px;
}
#Foundation{
	background-color:#dcb7d3;
	color:#6f6f6f;
	font-size:26px;
	font-weight:bold;
	padding:60px;
	text-align:center;
	min-height:250px;
}
#text1 {
	max-width:321px;
	position:absolute;
	width:100%;
	left:20%;
	top:20%;
}
.hero-text2 img{
	width:100%;
	max-width:431px;
	padding-top:50px;
}
.hero-text3 img{
	width:100%;
	max-width:328px;
	padding-top:50px;
}
#image1{
	width:100%;
	display:flex;
	}

#logo{
	text-align:right;
	padding:25px;
}
.Debit{
	font-size:18px;
}
/* Hero */


.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
  color: white;
  display:block;
}
.hero-text1 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
  color: white;
  display:block;
}

.hero-text2 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 72%;
  transform: translate(-50%, -50%);
  color: white;
  display:block;
}
.hero-text3 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
  color: white;
  display:block;
}
/* Hero */
}
@media (min-width: 650px) {
.Debit{
	font-size:18px;
	display:inline-block;
}
}
@media (min-width: 1000px) {

}