body {
		background-color: #f1f0f0;
		margin: 0;
  		padding: 0;
	}
	
	#wrapperOne {
		width: 46%;
		background-color: #f1f0f0;
		float:left;
		margin: 2% 4% 0 4%;
	}
	
	#wrapperTwo {
		max-width: 46%;
		width: 46%;
		filter: grayscale(100%);
		background-image:url("portfolioRedesignImage1.jpg");
		background-color: #f1f0f0;
		float:left;
		height: 40vw;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
  		position: relative;
	}
	
	#wrapperThree {
		background-color: #1227a0;
		height: 67vw;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
  		position: relative;
	}
	
	#wrapperFour {
		width: 80%;
		margin: 0 auto;
		padding-top: 2vw;
	}
	
	#wrapperFive {
		background-color: #161616;
		height: 40vw;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
  		position: relative;
	}
	
	#wrapperSix {
		width: 49%;
		float:left;
		margin: 2% 0 0 4%;
	}
	
	#wrapperSeven {
		width: 47%;
		background-color: #161616;
		float:left;
		height: 35vw;
  		display: flex;
    	justify-content: center;
    	align-items: center;
	}
	
	h1 {
		font-family: "Montserrat", sans-serif;
		font-weight:900;
		font-size: 6.5vw;
		margin: 0;
	}
	
	#titleOne {
		color: #1227a0;
	}
	
	#titleTwo {
		color: #fff;
		text-align: center;
	}
	
	#titleThree {
		color: #fff;
	}
	
	h2 {
		font-family: "Montserrat", sans-serif;
		font-weight:500;
		font-size: 2.5vw;
	}
	
	#subtitleOne {
		color: #000;
	}
	
	.subtitleTwo {
		font-style:italic;
		color: #fff;
		text-align: center;
	}
	
	#subtitleThree {
		color: #fff;
	}
	
	p {
		font-family: "Montserrat", sans-serif;
		font-weight:300;
		font-size: 1.5vw;	
	}
	
	.bodyOne {
		color: #000;
	}
	
	.bodyTwo {
		color: #fff;
		text-align: center;
	}
	
	.bodyThree {
		color: #fff;
	}
	
	#resultsOne {
		width: 70%;
	}
	
	.bodyOne a {
		font-family: "Montserrat", sans-serif;
		font-weight:300;
		font-size: 1.5vw;
		color: #000;
		text-decoration:underline;
	}
	
	.bodyOne a:hover {
		color: #999;
		text-decoration:none;
	}
	
	.bodyThree a {
		font-family: "Montserrat", sans-serif;
		font-weight:300;
		font-size: 1.5vw;
		color: #fff;
		text-decoration:underline;
	}
	
	.bodyThree a:hover {
		color: #AAA;
		text-decoration:none;
	}
	
	.clearFloat {
		clear:both;
	}
	
	.italic {
		font-style:italic;
	}
	
	/*--------mobile---------*/
	@media (max-width: 1000px){
		
body {
		background-color: #f1f0f0;
	}	
		
	#wrapperOne {
		padding: 2vw 9vw;
		width: 82%;
		float:none;
		margin: 0;
	}
	
	#wrapperTwo {
		max-width: 100%;
		width: 100%;
		background-image:url("portfolioRedesignImage2.jpg");
		float:none;
		height: 45vw;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
  		position: relative;
	}
	
	#wrapperThree {
		padding: 2vw 9vw;
		width: 82%;
		float:none;
		margin: 0;
		height: 205%;
	}
	
	#wrapperFour {
		width: 100%;
		float:none;
		margin: 0;
	}
	
	#wrapperFive {
		padding: 2vw 9vw;
		background-color: #161616;
		height: 55vw;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
  		position: relative;
	}
	
	#wrapperSix {
		width: 100%;
		float:none;
		margin: 0;
	}
	
	#wrapperSeven {
		opacity: 0;
		width: 0%;
		float:none;
		margin: 7vw auto;
		height: 0vw;
  		
	}
	
	h1 {
		font-size: 10vw;
		text-align: center;
	}
		
	#titleTwo {
		text-align: center;
	}
	
	h2 {
		text-align: center;
		font-size: 3.5vw;
	}
	
	.subtitleTwo {
		font-style:italic;
		color: #fff;
		text-align: center;
	}

	p {
		font-size: 2.5vw;
		text-align: center;	
	}
	
	.bodyTwo {
		color: #fff;
		text-align: center;
	}
	
	#resultsOne {
		width: 70%;
	}
	
	.bodyOne a {
		font-size: 2.5vw;
		text-decoration:underline;
		color:#000;
		
		}
	
	.bodyOne a:hover {
		font-size: 2.5vw;
		text-decoration:none;
		color:#000;
	}
		
	.bodyThree a {
		font-size: 2.5vw;
		text-decoration:underline;
		color:#fff;
		
		}
	
	.bodyThree a:hover {
		font-size: 2.5vw;
		text-decoration:none;
		color:#aaa;
	}
	
	}