@charset "UTF-8";
/* CSS Document */

/*Main Fields */
.bit-1 {width: 100%;}
.bit-2 {width: 50%;}
.bit-3 {width: 33.33%;}
.bit-4 {width: 25%;}
.bit-5 {width: 66.66%;}
.bit-6 {width: 75%;}




@media (min-width: 750px) and (max-width: 1100px) {
  .bit-1 {
    width:100%;
  } 
  .bit-2 {
    width: 50%;
  }
  .bit-3 {
	 width: 33.33%;
  }
  .bit-4 {
	  width:25%;
  }
    .bit-6 {
	  width:75%;
  }
}

@media (max-width: 750px) {
  .bit-1 {
	  width:100%;
  }
  .bit-2 {
    width:50%;
  }
  .bit-3,
  .bit-4 {
    width:33.3%;
  }
    .bit-6 {
	  width:66.66%;
  }

}


@media (max-width: 600px) { 
  .bit-1 {
    width:100%;
  }
  .bit-2,
  .bit-3,
  .bit-5 {
    width:50%;
  }
  
   .bit-4,
   .bit-6{
	   width:33.33%;
   }
   
   


}

@media (max-width: 450px) {
  
  .bit-1,
  .bit-2,
  .bit-3, 
  .bit-5{
    width:100%;
  }
  
  .bit-4,
  .bit-6{
	  width:50%;
  }

  
.innerField{
	width: 100%;
	margin: 0px;
	margin-bottom: 20px;
	padding-left:0px;
	padding-right:0px;

}

.innerField-header{
	width: 100%;
	margin: 0px;
	background-color:#161925;
	margin-bottom: 20px;
}

}

/* ----------- iPhone 6+ ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
  .bit-1 {
    width:100%;
  }
  .bit-2,
  .bit-3,
  .bit-5 {
    width:50%;
  }
  
  .bit-4{
	  width:33.33%;
	  padding-top:0px;
  }
      .bit-6 {
	  width:66.66%;
  }

  
.block-title{
	visibility:visible;
	opacity:1;
}

.block img, .block-title img{
	opacity:.3;
	border:none;
	display:block;
	-webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(#greyscale);
    filter: gray;
}

#intro-logo{
	width:25%;
	display:none;
}

#intro-copy{
	width:75%;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  
  .bit-1,
  .bit-2,
  .bit-3,
  .bit-5{
    width:100%;
  }
  
  .bit-4,
  .bit-6{
	  width: 50%;
	  padding-top:0px;

  }
  

  
.innerField{
	width: 100%;
	margin: 0px;
	margin-bottom: 20px;
	padding-left:0px;
	padding-right:0px;

}

  .bit-4 .innerField{
	width: calc(100% - 20px);
	margin: 0px;
	margin-bottom: 20px;
	padding: 5px;
	padding-bottom:0px;

}

.innerField-header{
	width: 100%;
	margin: 0px;
	background-color: #161925;
	margin-bottom: 20px;
}

.block-title{
	visibility:visible;
	opacity:1;
}

.block img, .block-title img{
	opacity:.3;
	border:none;
	display:block;
	-webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(#greyscale);
    filter: gray;
}


.block{
	width:100%;
	background-color:#79228E;
	position:relative;
	height:75%;
	overflow:hidden;

}

#intro-logo{
	display:none;
	
}


#intro-copy{
	width:75%;
}

#intro-copy innerField{
	width:100%;
	padding-left:10px;
	padding-right:10px;
}

#intro-copy innerField resume-copy{
	width:calc (100% - 20px);
	padding:0px;
}