style.css

		article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
		input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
		
		.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
		
		* { box-sizing: border-box; }
	
	.wrapper {
		max-width: 1170px;
		margin: 0 auto;
		position: relative;
	}
	.wrapper2  /*blog.html*/ {
		width:970px;
		margin: 0 auto;
		position: relative;
	}
	h1 {
		font-family: 'Montserrat', sans-serif;
		color:  #ffffff;
		font-size: 70px;
		text-align: center;
		text-transform: uppercase;
		position: relative;
		top: 40%;
		transform: translateY(-50%);
		margin: 0;
	}
	h2 {
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 36px;
		text-align: center;
		text-transform: uppercase;
		margin: 0;
	}
	h3 {
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 24px;
		font-weight: 700;
		text-transform: uppercase;
	}
	h4 {
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 30px;
		font-weight: 700;
		line-height: 86px;
		text-transform: uppercase;
		margin: 0;
	}
	h5 {
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 14px;
		font-weight: 400;
		line-height: 86px;
		text-align: left;
		text-transform: uppercase;
		margin: 0;
		line-height: 3;
	}
	.homeHeader {
		background-image: url(assets/hero.jpg);
		background-size: cover;
		height: 100vh;
		background-repeat: no-repeat;
		/*background-position-x:-205px;*/
	}
	.homeHeader .wrapper {
		height: 100%;
	}
	.homeHeader{
		height: 100vh;
	}
	.logo {
		float: left;
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 30px;
	}
	nav ul {
		float: right;
		font-family: Montserrat;
		text-align: left;
		color:  #1e1e1e;
		font-size: 14px;
	}
	nav li {
		float: left;
		margin-left: 70px;
		list-style-type: none;
		position: relative;
	}
	nav li:after {
		content:"\2022";
		position: absolute;
		width: 4px;
		height: 4px;
		padding-left: 30px;
	}
	nav li:last-child:after {
		content:"";
		display: none;
	}
	a {
		text-decoration: none;
	}
	a:visited {
		color: black;
	}
	.whoWeAre {
		height: 100vh;
	}
	.whoWeAre {
		text-align: center;
		margin-top: 138px;
	}
	.primaryTitle {
		margin-bottom:52px ;
	}
	.whoWeAre img {
		position: absolute;
		transform: translate(-50%, -50%);
		top: 50%;
		left:50%;
	}
	.whoWeAre p {
		font-family: DroidSerif;
		color:  #afafaf;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		margin-top: 48px;
		margin-bottom: 140px;
	}
	.yellowBox {
		background-color: #ffd96d;
		width: 310px;
		height: 290px;
		margin: 0 auto;
		position:relative;
	}
	.greySection {
		background-color:  #f3f3f3;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.special .wrapper {
		height: 100vh;
		padding: 45px;
	}
	.strengths {
		float: left;
		background-color: white;
		width: 270px;
		height:400px;
		margin: 10px;
		text-align: center;
	}
	.strengths ul {
		padding: 0;
		list-style-type: none;
	}
	.weDo {
		padding-top: 139px;
		padding-bottom: 139px;

	}
	.weDoTitle {
		padding-bottom: 80px;
	}
	.secondaryTitle p {
		font-family: DroidSerif;
		color:  #1e1e1e;
		font-size: 14px;
		font-style: italic;
		text-align: center;
	}
	.secondaryTitle::after {
		content:"";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		background-color: #1e1e1e;
		width: 50px;
		height: 3px;
	}
	.specialties {
		width: 50%;
		float: left;
	}
	.specialties h3 {
		margin: 0;
	}
	.singleSpecial {
		float: left;
		width: 70%;
		padding: 20px;
	}
	.specialImg {
		width: 30%;
		clear: both;
	}
	.specialDescription {
		font-family: DroidSerif;
		color:  #afafaf;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
		position: relative;
		padding: 10px 0px;
	}
	.specialDescription::before {
		content:"";
		position: absolute;
		background-color: #1e1e1e;
		width: 50px;
		height: 3px;
		top: 0;
	}
	.specialties:nth-of-type(4) {
		clear: both;
	}
	.singleSpecial a {
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 14px;
		text-align: left;
		text-transform: uppercase;
	}
	.specialties img {
		float: left;
		padding: 20px;
	}
	.factsSection {
		background-image: url(assets/facts-bg.jpg);
		background-size: cover;
		width: 100%;
		height: 600px;
	}
	.facts {
		text-align: left;
	}
	.thirdTitle {
		padding: 20px;
	}
	.thirdTitle p {
		font-family: DroidSerif;
		color:  #1e1e1e;
		font-size: 14px;
		font-style: italic;
		position: relative;
		margin: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.thirdTitle::after {
	    content: "";
	    position: absolute;
	    background-color: #1e1e1e;
	    width: 50px;
	    height: 3px;
	}
	.facts h2 {
		padding-top: 140px;
	}
	.facts h2, .facts p {
		text-align: left;
		margin: 0;
	}
	.wholeDigits {
		padding-top: 80px;
		width: 540px;
		margin: 0;
	}
	.wholeDigits:nth-of-type(3) {
		clear:both;
	}
	.digits {
		float: left;
		padding: 20px;
	}
	.numberOf {
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 36px;
		font-weight: 700;
		text-align: left;
		margin: 0;
	}
	.completed {
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 14px;
		font-weight: 400;
		text-align: left;
		margin: 0;
		text-transform: uppercase;
	}
	.contactUs {
		padding-top: 120px;
		padding-bottom: 140px
	}
	.contactInfo {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.phoneNumber {
		font-family: Montserrat;
		color:  #92fcf9;
		font-size: 70px;
		font-weight: 700;
		text-align: center;
	}
	.address, .email {
		text-align: center;
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		text-align: center;
		text-transform: uppercase;
	}
	.form input[type] {
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 14px;
		font-weight: 400;
		line-height: 86px;
		text-align: left;
		text-transform: uppercase;
		border-top: none;
		border-left: none;
		border-right: none;
	}
	input[type="name"],
	input[type="email"],
	input[type="subject"] {
		width: 33.07%;
	}
	input[type="message"] {
		width: 100%;
	}
	.buttonPosition {
		text-align: center;
	}
	.submitButton {
		background-color:  #1e1e1e;
		width: 230px;
		height: 51px;
		color: white;
		text-align: center;
		text-transform: uppercase;
		margin: 50px;
	}
	footer {
		text-align: center;
		background-color: #ffd96d;
		padding-bottom: 50px;
	}
	footer ul {
		width: 50%;
		list-style-type: none;
		padding: 0;
		margin: 0 auto;
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 14px;
		line-height: 24px;
		text-transform: uppercase;
	}
	footer li {
		float: left;
		text-align: center;
		float: left;
		text-align: center;
		width: 20%;
		position: relative;
	}
	footer li:after {
		content:"\2022";
		width: 4px;
		height: 4px;
		position: absolute;
		padding-left: 25px;
	}
	footer p {
		font-family: DroidSerif;
		color:  #1e1e1e;
		font-size: 14px;
		font-style: italic;
	}

	/*work.html*/

	.mainWorkTitle {
		text-align: center;
		padding: 100px;
	}
	.mainWorkTitle p {
		font-family: DroidSerif;
		color:  #1e1e1e;
		font-size: 14px;
		font-style: italic;
	}
	.backgroundImageHero {
		background-image: url(assets/project-hero.jpg);
		background-size: cover;
		height: 100vh;
		background-repeat: no-repeat;
		background-position-x:-205px;
	}
	.descriptionProject {
		width: 100%;
		padding-top: 100px;
	}
	 .description {
		width: 60%;
		float: left;
		padding-bottom: 100px;
	}
	.mainDescription {
		font-family: DroidSerif;
		color:  #afafaf;
		font-size: 14px;
		line-height: 24px;
		text-align: left;
	}
	.descriptionLast {
		font-family: DroidSerif;
		color:  #1e1e1e;
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
		line-height: 24px;
		text-align: left;
	}
	.projectDeets {
		width:30%;
		float: right;
		padding: 20px;
		line-height:2px;
	}
	.projectAttrib {
		padding-top: 10px;
	}
	.projectDeets p {
		font-family: DroidSerif;
		color:  #afafaf;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
		margin: 0;
	}
	ol {
		font-family: DroidSerif;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	.grey {
		color: #afafaf;
	}
	ol li {
		margin-left: 15px;
	}
	.client {
		text-transform: uppercase;
	}
	.visitPosition {
		padding-top: 50px;
	}
	.visitButton {
		background-color:  #92fcf9;
		width: 270px;
		height: 50px;
		border: none;
		font-family: Montserrat;
		color:  #ffffff;
		font-size: 14px;
		text-align: center;
		text-transform: uppercase;
	}
	.workFooter {
		clear: both;
	}

	/*blog.html*/

	.blog {
		background-image: url(assets/Base.jpg);
		position: relative;
		height:500px;
	}
	.blogHeader {
		position: absolute;
		top:50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.ourBlog {
		padding-top: 140px;
		text-align: center;
	}
	.ourBlog h3 {
		padding-top: 79px;
		margin-top: 0;
	}
	.blogSpecs a {
		display: inline-block;
	}
	.blogSpecs p {
		margin: 0;
		float: left;
		font-family: DroidSerif;
		color:  #1e1e1e;
		font-size: 12px;
		font-style: italic;
		text-align: center;
		padding-right: 20px;
	}
	.blogSpecs img {
		float: left;
		padding-right: 20px;
	}
	.blogDescription {
		width: 752px;
		font-family: DroidSerif;
		color:  #afafaf;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		margin: 0 auto;
	}
	.blogPost img {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.readMore {
		padding-top:27px;
		padding-bottom: 79px;
		margin: 0;
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 14px;
		text-transform: uppercase;
	}
	.box {
		border: solid 1px black;
		padding: 20px;
	}
	.review {
		background-image: url(assets/swirly.jpg);
	}
	.review img {
		padding-top: 39px;
		padding-bottom: 30px;
	}
	.clientReview {
		font-family: DroidSerif;
		color:  #1e1e1e;
		font-size: 24px;
		font-style: italic;
		line-height: 36px;
		margin: 0;
		padding-bottom: 28px;
	}
	.clientName {
		padding-bottom: 39px;
		margin: 0;
		font-family: Montserrat;
		color:  #1e1e1e;
		font-size: 14px;
	}
	.olderPost {
		background-color:  #1e1e1e;
		width: 230px;
		height: 51px;
		color: white;
		text-align: center;
		text-transform: uppercase;
		margin-top:0;
		margin-bottom: 140px;
		border: none;
	}