* {
  box-sizing: border-box; 
}


body {
  margin: 0; 
  font-weight: 500;
  font-family: 'HelveticaNeue';
}

.fpurple-b{
background-color: #81898E;
}

.ftan-b{
background-color: #BFB68E;
}


.fpurple{
color: #81898E;

	a {
    color: #81898E;
	text-decoration: none;
  }

}


.ftan{
color: #BFB68E;

	a {
    color: #BFB68E;
	text-decoration: none;
	
  }

  &:hover{ 
	color: #BFB68E;
	text-decoration: underline;
  }

}




.ftiff{
color: #17BEBB;
}


.intro {
padding-top: 14%;
padding-bottom: 14%;
}

section {
  width: 100%;
  padding: 0 7%;
  display: table;
  margin: 0;
  max-width: none;
  background-color: #81898E;
  padding-top: 15%;
  padding-bottom: 15%;

 
}

.content {
  display: table-cell;
  vertical-align: middle;
}




.bullet-indent {
  margin-left: 10px;
}


.description{
	max-width:700px;
}

@font-face {
	font-family: 'Asterism-Regular';
	src: url('fonts/31CDDE_0_0.eot');
	src: url('fonts/31CDDE_0_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/31CDDE_0_0.woff2') format('woff2'),
	url('fonts/31CDDE_0_0.woff') format('woff'),
	url('fonts/31CDDE_0_0.ttf') format('truetype'),
	url('fonts/31CDDE_0_0.svg#31CDDE_0_0') format('svg');
	
	}


@media only screen and (min-width: 960px)  {
	
	h0 {

	  font-size: 9em;
	  font-family: 'Asterism-Regular';
	  display: block;
	  color: white;
	  font-weight: 300;
	}

	h1 {

	  font-size: 5em;
	  font-family: 'Asterism-Regular';
	  display: block;
	  color: white;
	  font-weight: 300;
	}

	h2 {

	  font-size: 2.2em;
	  line-height: 1.4em;
	  font-family: "Lato", "Adobe Blank";
	  font-weight: 300;
	  font-style: normal;  
	  color: rgba(255,255,255, .8);

	}
	
	h3 {

	  font-size: 1.5em;
	  line-height: 1.4em;
	  font-family: "Lato", "Adobe Blank";
	  font-weight: 300;
	  font-style: normal;  
	  color: rgba(255,255,255, .8);

	}
	

	p {
	  font-size: 1.5em;
	  font-weight: 500;
	  color: rgb(191,182,143);
	  font-family: 'Lato', sans-serif;



	}
	
}


@media only screen and (min-width: 40.063em) and (max-width: 960px)  {

	h0 {

	  font-size: 6em;
	  font-family: 'Asterism-Regular';
	  display: block;
	  color: white;
	  font-weight: 300;
	}

	h1 {

	  font-size: 5em;
	  font-family: 'Asterism-Regular';
	  display: block;
	  color: white;
	  font-weight: 300;
	}

	h2 {

	  font-size: 2.2em;
	  line-height: 1.4em;
	  font-family: "Lato", "Adobe Blank";
	  font-weight: 300;
	  font-style: normal;  
	  color: rgba(255,255,255, .8);

	}
	
	h3 {

	  font-size: 1.5em;
	  line-height: 1.4em;
	  font-family: "Lato", "Adobe Blank";
	  font-weight: 300;
	  font-style: normal;  
	  color: rgba(255,255,255, .8);

	}
	

	p {
	  font-size: 1.5em;
	  font-weight: 500;
	  color: rgb(191,182,143);
	  font-family: 'Lato', sans-serif;



	}

}


@media only screen and (max-width: 40em) {

	h0 {

	  font-size: 4em;
	  font-family: 'Asterism-Regular';
	  display: block;
	  color: white;
	  font-weight: 300;
	}

	h1 {

	  font-size: 2.5em;
	  font-family: 'Asterism-Regular';
	  display: block;
	  color: white;
	  font-weight: 300;
	}

	h2 {

	  font-size: 1.6em;
	  line-height: 1.4em;
	  font-family: "Lato", "Adobe Blank";
	  font-weight: 500;
	  font-style: normal;  
	  color: rgba(255,255,255, .8);

	}
	
	h3 {

	  font-size: 1.2em;
	  line-height: 1.4em;
	  font-family: "Lato", "Adobe Blank";
	  font-weight: 500;
	  font-style: normal;  
	  color: rgba(255,255,255, .8);

	}

	p {
	  font-size: 1.5em;
	  font-weight: 500;
	  color: rgb(191,182,143);
	  font-family: 'Lato', sans-serif;



	}
	
	
	.intro {
	  height: 600px;
	}
	



}






a {
  position: relative;
  font-family: 'Lato', sans-serif;
  text-decoration: none;
  font-weight: 300;

  color: #fff;




  &:hover{ 
	color: white;
	text-decoration: none;
    
  }



}

footer {
  padding: 2% 5%;
  text-align:center;
  background-color: #373B44;
  color: white;

  a {
    color: #FE4B74;
    font-weight: 500;
    text-decoration: none;
  }
}