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

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ///////////// resetStyle end ////////////// */
.primary-color{
	color: #1A4350;
}
.secondary-color{
	color: #c31842;
}
.terseray-colo{
	color: #CFD4D9;
}


/*///////////// Responsive header ////// */
a:active,
a:hover {
	outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

.nav-collapse,
.nav-collapse * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
	list-style: none;
	width: 100%;
	float: left;
}

.nav-collapse a {
	color: #fff;
	text-decoration: none;
	width: 100%;
	background-color: #012a37;
	/*border-bottom: 1px solid #181818; make do when mobile */
	padding: 0.7em 1em;
	float: left;
}

.nav-toggle {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 70px;
	height: 55px;
	float: right;
	overflow: hidden;
	background: #000000 url("../css/hamburger.gif") no-repeat 50% 33%;
	text-align: center;
	color: #000;
	text-decoration: none;
	padding-top: 1%;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
	.nav-toggle {
		background-image: url("../css/hamburger-retina.gif");
		-webkit-background-size: 100px 100px;
		-moz-background-size: 100px 100px;
		-o-background-size: 100px 100px;
		background-size: 100px 100px;
	}
}
/*//////// Responsive header end ////// */

/* ///////////// header  ////////////// */
.head{
	clear: both;
	background-color:#012a37;
	display: block;
	position: relative;
	width: 100%;
}

header ul{
	display: block;
	margin: 0;
	padding: 0;
}

header ul li{
	border-right: 1px solid #222;
	float: left;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	position: relative;
}

header ul li:last-child {
	border-right: none;
}

header ul li a:link{
	color: #ffffff;
	display: inline-block;
	line-height: 54px;
	text-decoration: none;
}

header ul li a:visited {
	color: #ffffff;
}

header ul li a:hover    {
	background-color:#ffffff;
	color: #0489b7 !important;
}

header ul li a:active   {
	background-color:#ffffff;
	color: #0489b7 !important;
}

header ul li a:focus {
	background-color:#ffffff;
	color: #0489b7 !important;
}
.logo{
	padding: 0 5% 0 2%;
}
.nav{
	float: right;
	padding-right: 2%;
}
/* ///////////// header end ////////////// */

/* ///////////// footer  ////////////// */
footer{
	align-items: center;
	display: flex;
	min-height:80px;
	justify-content: space-between;
	padding-left:7.5%;
	padding-right:7.5%;
}

footer a:link,footer a:visited,footer a:active,footer a:focus{
	color:#000000;
	/*margin: 0 1%;*/
	text-decoration: none;
}
footer a:hover    {
	color: #0489b7;;
}

footer p{
	font-size: 1em;
	line-height: 24px;
	margin: 0 0 2%;
}

footer span{color:#0489b7;font-size: 1.2em;}
/* ///////////// footer end ////////////// */

/*/////////////  Headers and Markup ////// */
h1{
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 8em;
	font-weight: 700;
	margin-bottom: 2%;
}
h2{
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.875em;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
}
h3{
	color: #0489b7;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 6em;
	font-weight: 700;
}
h4{
	color: #ffffff;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 4em;
	font-weight: 700;
}
h5{
	color: #0489b7;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 3em;
	font-weight: 700;
}
h6{
	color: #ffffff;
	font-size: 2em;
	/*margin-bottom:4%;*/
	margin-top:2%;
	font-weight: 700;
	font-family: "Lato", Helvetica, Arial, sans-serif;
}
p{
	font-family: Quicksand, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	font-style: normal;
	line-height: 24px;
	margin: 0 0 2%;
}
a{font-family: "Lato", Helvetica, Arial, sans-serif;}
/*/////////////  Headers and Markup end ////// */

/* ///////////// home  ////////////// */
.intro{
	align-items: center;
	height: 100vh;
	display: flex;
	flex-direction: column;
  justify-content: center;
	text-align: center;
	width: 100%;
}
.intro h1{
	text-align: center;
}
.intro p span:hover {
	font-size: 0;
}
.intro p span:hover:before {
	font-size: 24px; /*cant take em*/
	content: attr(data-hover);
}
.intro a {
	font-size: 24px;
	text-decoration: none;
	color: #000000;
}
.intro a:hover {
	color: #0489b7;
	text-decoration: underline;
}
/*
.intro a:hover {
	font-size: 0;
}
.intro a:hover:before {
	font-size: 24px;*/ /*cant take em*/
/*	content: attr(data-hover);
}*/
.sectionSplit{
	display: flex;
	min-height: 100vh;
}
.sectionSplit div.split:first-child, .sectionSplit div.splitReverse:last-child{
	background: #012a37;
	padding-left: 7.5%;
	padding-right: 7.5%;
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sectionSplit div.split:last-child, .sectionSplit div.splitReverse:first-child{
	align-self: center;
	padding-left: 5%;
	padding-right: 5%;
	width: 40%;
	/*display: flex;*/ /*fix vertical text*/
	/*align-items: center;*/
	/*position: relative;*/
	display: inline-block;
	justify-content: center;
}
.sectionSplit div h5{
	/*display: inline-block;*/
	 transform: translate(0px, 8em) rotate(-90deg);
	 transform-origin: 0 0 0;
	 -webkit-transform: translate(0px, 8em) rotate(-90deg);
	 -webkit-transform-origin: 0 0 0;
	 /*position: absolute;*/
	/*align-self: flex-end;
	transform: rotate(270deg);
	transform-origin: left top;
	position: absolute;*/
	/*transform-origin: left bottom;*/
}
.sectionSplit div h3{
	color: #ffffff;
	text-shadow: 2px 2px 4px #000000;
}
.sectionSplit div p{
	color: #d2cfd8;
	font-style: italic;
	line-height: 180%;
}
.sectionSplit div .slightVer{
	transform: translateX(3.5em) translateY(-2em);
	margin-top: 15%;

	display: inline-block;
	width: 80%;

}
.sectionSplit div .slightVer a{
	display: block;
	text-decoration: none;
	color: #000000; /*color: #d2cfd8;*/
	font-family: Quicksand, sans-serif;
	font-size: 1.5em;
	margin: 0 5% 5% 5%;
}
.sectionSplit div .slightVer a:hover{
	text-decoration: underline;
}
.sectionSplit div:last-child .splitSocial{
	width: 10%;
	display: inline-block;
	/*display: flex;
	flex-direction: column;*/
	position: absolute;
	z-index: 1;
	/*background: purple;*/
	/*align-self: flex-start;*/
}
.sectionSplit div:last-child .splitSocial a{
	color: #0489b7;
	margin-bottom: 5px;
	text-decoration: none;

	border: 2px solid #d2cfd8;
	border-radius: 100%;
	height: 60px;
	width: 60px;

	align-items: center;
	display: flex;
	justify-content: center;

	-webkit-transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s;
  transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s;
  overflow: visible;
}
.sectionSplit div:last-child .splitSocial i{
	border: 2px solid #0489b7;
	border-radius: 100%;
	height: 40px;
	width: 40px;

	align-items: center;
	display: flex;
	justify-content: center;

	-webkit-transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s;
  transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s;
  overflow: visible;
}
.sectionSplit div:last-child .splitSocial a:hover{
	border: 2px solid #0489b7;
}
.sectionSplit div:last-child .splitSocial i:hover{
	border: 2px solid #d2cfd8;
}
.splitSocial p{
	/*font-style: normal;*/
	font-weight: 700;
}
.viewCollection{
	align-items: center;
	height: 100vh;
	display: flex;
	flex-direction: column;
  justify-content: center;
	width: 100%;
}
.viewCollection a{
	border: 2px solid #0489b7;
	border-radius: 30px;
	color: #0489b7;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: 4px;
	margin-top: 5%;
	padding: 15px 45px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s, color 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s, color 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow: visible;
}
.viewCollection a:hover{
	border: 2px solid #d2cfd8;
	color: #d2cfd8;
}
.newsletterPortion{
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% auto;
	display: flex;
	flex-direction: column;
	height: 50vh;
	justify-content: center;
	padding-left: 7.5%;

	/*
	1- center bottom X
	2- center bottom see faces X
	3- center center ** (home page) w/ text-shadow: 2px 2px 4px #999999; **
	4- center center, bottom, top ** use for jpn (jpn all)
	7- center center, repeat, remove size ** use for fr
	8- center center, bottom, need overlay use for fr
	11- center center, bottom, top, need overlay, if crop right
	12- center bottom, jpeg **
	13- center center, bottom, top, jpeg **
	17- center top *
	18- center bottom, need overlay *
	*/
	/* Though I am not proficient in French. This is a French version of my design in honor of my European based audience. */
}
.newsletterImgHome{
	background-image: url("../assets/stockphotosforsite/3-4.jpg");
	/*background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("../assets/stockphotosforsite/3.jpg") no-repeat;
	background-size: 100% auto;*/
	background-position: center center;
}
.newsletterImgAbout{
	background-image: url("../assets/stockphotosforsite/12.jpeg");
	background-position: center bottom;
}
.newsletterImgContact{
	background-image: url("../assets/stockphotosforsite/13.jpeg");
	background-position: center bottom;
}
.newsletterImgSignup{
	background-image: url("../assets/stockphotosforsite/17-2.jpg");
	background-position: center top;
}
.newsletterImgWorks{
	background-image: url("../assets/stockphotosforsite/8.jpg");
	background-position: center center;
	/*background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2)), url("../assets/stockphotosforsite/8.jpg") no-repeat;
	background-size: 100% auto;*/
}
.newsletterImgSignup h2{
	/*color: #ffffff;
	text-shadow: 2px 2px 4px #999999;*/
	color: #ffffff;
	text-shadow: 1px 1px 4px #222222;
}
.newsletterImgSignup h4{
	color: #0489b7;
	text-shadow: 1px 1px 2px #122E37; /*0666CE*/
}
.newsletterPortion a{
	border: 2px solid #ffffff;
	border-radius: 30px;
	color: #ffffff;
	display: inline-table;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: 4px;
	margin-top: 5%;
	padding: 15px 45px;
	text-decoration: none;
	text-transform: uppercase;

	-webkit-transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s, color 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s, color 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow: visible;
}
.newsletterPortion a:hover{
	border: 2px solid #000000;
	color: #000000;
}

.newsletterImgSignup a:hover{
	border: 2px solid #0489b7;
	color: #0489b7;
}
/* ///////////// home end ////////////// */

/* ///////////// about ////////////// */
.introPage{
	height: 75vh;
}
.splitPara div p{
	display: block;
	color: #000000;/*color: #d2cfd8;*/
	font-family: Quicksand, sans-serif;
	font-style: normal;
	font-size: 1.5em;
	margin: 0 5% 2% 5%;
}
.social{
	align-items: center;
	height: 50vh;
	display: flex;
  justify-content: space-between;
	width: 85%;
	padding-left: 7.5%;
	padding-right: 7.5%;
}
.social a{
	color: #0489b7;
	margin-bottom: 5px;
	text-decoration: none;

	border: 2px solid #d2cfd8;
	border-radius: 100%;
	height: 60px;
	width: 60px;

	align-items: center;
	display: flex;
	justify-content: center;

	-webkit-transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s;
  transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s;
  overflow: visible;
}
.social i{
	border: 2px solid #0489b7;
	border-radius: 100%;
	height: 40px;
	width: 40px;

	align-items: center;
	display: flex;
	justify-content: center;

	-webkit-transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s;
  transition: border-top-color 0.2s linear 0s, border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s, border-left-color 0.2s linear 0.3s;
  overflow: visible;
}
.social a:hover{
	border: 2px solid #0489b7;
}
.social i:hover{
	border: 2px solid #d2cfd8;
}
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
div.slider {
	background: #012a37;
	overflow: hidden;
}
div.slider figure img {
	width: 20%;
	float: left;
	height: 100vh;
	/*width: auto;*/
}
div.slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite;
}
/* ///////////// about end ////////////// */

/* ///////////// contact ////////////// */
.contactform {
	margin: auto 4%;
}
.contactform input[type="text"], .signUp input[type="text"], .signUp input[type="email"] {
	width:100%;
	margin: 0 0 1% 0;
	border: 1px solid #d2cfd8;
	font-size: 1em;
	line-height: normal;
	box-sizing: border-box;

	font-family: Quicksand, Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	font-weight: 600;
	height: 70px;
	text-indent: 2%;
}

textarea {
	width:100%;
	padding: 1%;
	margin: 0 0 1% 0;
	border: 1px solid #d2cfd8;
	font-size: 1em;
	line-height: normal;
	box-sizing: border-box;

	font-family: Quicksand, Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	font-weight: 600;
	text-indent: 2%;
}

input:focus, textarea:focus {
	background:#FAFAFA none repeat scroll 0 0;
	border: 1px solid #c7c7c7;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	padding: 2% 5%;
	margin: 0 0 1% 0;
	border: #ffffff;
	background-color: #0489b7;
	color: #ffffff;
	font-size: 1em;
	width: 100%;
	height: 80px;
}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover{cursor: pointer;background-color: #036384;}

input[type="submit"]:visited{cursor: pointer;background-color: #0489b7;}
input[type="submit"]:active{cursor: pointer;background-color: #036384;}
input[type="submit"]:focus{cursor: pointer;background-color: #036384;}

input[type="checkbox"] {
	border-radius: 4px;
	background: #fcfff4;
	padding: 1%;
}
/* ///////////// contact end ////////////// */

/* ///////////// Signup ////////////// */
.signUp{
	align-items: center;
	height: 75vh;
	display: flex;
	flex-direction: column;
  justify-content: center;
	padding-left: 7.5%;
	padding-right: 7.5%;
	width: 85%;
}
.signUp div{
	width: 100%;
}
.signUp h5{
	margin-bottom: 4%;
}
/* ///////////// Signup end////////////// */

/* ///////////// works ////////////// */
.splitWorks{
	align-items: center;
	/*background: #012a37;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	width: 50%;
}
.splitWorks img{
	flex-shrink: 0;
  min-height: 100%;
	min-width: 100%;
}
.splitWorksSizeNormal img{
	min-height: auto;
	min-width: auto;
}
.splitWorksText, .sectionSplit div.splitWorksText:first-child, .sectionSplit div.splitWorksText:last-child{
	align-items: normal;
	flex-direction: column;
	justify-content: center;
	padding-left: 7.5%;
	padding-right: 7.5%;
	width: 35%;
}
.splitWorksText h6{
	color: #0489b7;
}
.sectionSplit .splitWorksText p, .sectionSplit .splitWorksText p a{
	color: #000000;
}
.splitWorksText a{
	color: #0489b7; /*#d2cfd8*/
	font-size: 1.3em;
	font-weight: 400;
	line-height: 180%;
}
.sectionSplit div p a{
	color: #d2cfd8;
	font-size: inherit;
}
.btn-2:hover,
.btn-2:active {
  letter-spacing: 5px;
}
.btn-2:after,
.btn-2:before {
  backface-visibility: hidden;
  border: 1px solid rgba(#000, 0);
  bottom: 0px;
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  transition: all 280ms ease-in-out;
  width: 0;
}
.btn-2:hover:after,
.btn-2:hover:before {
  backface-visibility: hidden;
  border-color: #000;
  transition: width 350ms ease-in-out;
  width: 70%;
}
.btn-2:hover:before {
  bottom: auto;
  top: 0;
  width: 70%;
}
/* ///////////// works end ////////////// */

/* ///////////// Case Study ////////////// */
.sectionSplit div.case, .sectionSplit div.caseReverse {
		display: flex;
		flex-direction: column;
    padding-left: 5%;
    padding-right: 5%;
		padding-top: 20px;
    width: 40%;
}
.sectionSplit div.case p, .sectionSplit div.caseReverse p{
		font-style: normal;
}

.sectionSplit div.case:last-child p, .sectionSplit div.caseReverse:first-child p{
		color: #000000;
}

.sectionSplit div.case:last-child p a, .sectionSplit div.caseReverse:first-child p a{
		color: #000000;
}

.sectionSplit div.case:first-child, .sectionSplit div.caseReverse:last-child {
    background: #012a37;
}
.sectionSplit div.case:last-child h4, .sectionSplit div.caseReverse:first-child h4{
    color: #0489b7;
}
.sectionSplit div.case:last-child h6, .sectionSplit div.caseReverse:first-child h6{
    color: #000000;
}
.caseimage{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 100vh;
}
.caseSlide{
	align-items: center;
	/*min-height: 70vh;*/
	height: auto;
	display: flex;
  justify-content: space-around;
	width: 100%;
}
.caseSlide img{
	width: 100%;
}

.caseService{
	height:30vh;
}

.caseService div p:first-of-type{
	font-size: 1.1em;
	font-weight:600;
	text-transform: uppercase;
}
.caseService div a{
	color: #0489b7;
}
/* ///////////// Case Study End ////////////// */

/* ///////////// 404 redirect ////////////// */
/* ///////////// 404 redirect end////////////// */

/* ///////////// responsiveness ////////////// */
@media only screen and (max-width: 1300px) {
}
@media only screen and (max-width: 1280px) { /*kindle 1280x800*/
}
@media only screen and (max-width: 1100px) {
	h3{
		font-size: 5em;
	}
	.sectionSplit div p {
		line-height: 140%;
		font-size: 1.4em;
	}
	.sectionSplit div h5 span{
		display: none;
	} /*remove*/
	.signUp {
		height: 90vh;
	}
}
@media only screen and (max-width: 1024px) { /*kindle 600x1024 iPad 1024x768*/
	.sectionSplit div h5 span{
		display: block;
	} /*remove*/
	.signUp {
		height: 75vh;
	}
}
@media only screen and (max-width: 990px) {
}
@media only screen and (max-width: 960px) { /*google nexus 7 960x600*/
	h3{
		font-size: 5.5em; /**/
	}
	h5{
		font-size: 2.9em; /**/
	}
	.sectionSplit div p {
		font-size: 1.5em;
    line-height: 160%;
	}
}
@media only screen and (max-width: 800px) {
	h1{
		font-size: 7em; /**/
	}
	h2{
		font-size: 1.875em;
	}
	h3{
		font-size: 5em; /**/
	}
	h4{
		font-size: 4em;
	}
	h5{
		font-size: 2.4em; /**/
	}
	h6{
		font-size: 2em;
	}
	p{
		font-size: 1.5em;
	}
	.newsletterPortion{
		background-size: cover;
	}
	.sectionSplit div.split:first-child, .sectionSplit div.splitReverse:last-child, .sectionSplit div.split:last-child, .sectionSplit div.splitReverse:first-child {
		justify-content: center;
		display: flex;
		flex-direction: column;
	}
	.sectionSplit div:last-child .splitSocial{
		right: 7.5%;
	}
	.splitPara div p {
		margin: 0 5% 2% 0;
	}
	footer {
		padding: 0 0 4% 0;
	}
}

@media only screen and (max-width: 770px) {
	.sectionSplit div p {
    line-height: 170%;
	}
}
@media only screen and (max-width: 650px) {
	h1{
		font-size: 6em; /**/
	}
	h2{
		font-size: 1.875em;
	}
	h3{
		font-size: 4em; /**/
	}
	h4{
		font-size: 3em;/**/
	}
	h5{
		font-size: 2.4em;
	}
	h6{
		font-size: 2em;
	}
	p{
		font-size: 1.3em; /**/
	}
	/*.sectionSplit {
		display: initial;
	}*/
	.viewCollection{
		background: #012a37;
	}
	.viewCollection h2{
		color: #ffffff;
	}
	.sectionSplit {
		/*height: 200vh;*/
		flex-direction: column;
	}
	.sectionSplit div.split:first-child, .sectionSplit div.splitReverse:last-child, .sectionSplit div.split:last-child, .sectionSplit div.splitReverse:first-child {
		/*min-height: 100vh;*/
		min-height: 500px;
		padding-left: 7.5%;
		padding-right: 7.5%;
		width: 85%;
	}
	.sectionSplit div.case, .sectionSplit div.caseReverse {
		justify-content: center;
		min-height: 500px;
		padding-left: 7.5%;
	  padding-right: 7.5%;
		padding-top: 35px;
		padding-bottom: 35px;
	  width: 85%;
	}
	.reverseReverse:nth-child(even){
		flex-direction: column-reverse;
	}
	.splitWorks {
		width: 100%;
	}
	.sectionSplit div h5 {
    align-self: flex-start;
		margin-top: 2%;
		/*position: initial;*/
		transform: rotate(0deg);
    transform-origin: left top;
	}
	.sectionSplit div p {
    line-height: 160%;
	}
	.sectionSplit div .slightVer {
    transform: translateX(0em) translateY(0em);
    margin-top: 2%;
	}
	.sectionSplit div .slightVer a {
		font-size: 1.3em;
		margin: 0 0 4% 0;
	}
	.sectionSplit div .slightVer a:first-of-type {
		margin-top: 5%;
	}
	footer {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
}
@media only screen and (max-width: 600px) { /*kindle 600x1024*/
	h1{
		font-size: 5.5em; /**/
	}
}
@media only screen and (max-width: 480px) { /*iphone4 320x480*/
	h1{
		font-size: 4.5em; /**/
	}
	h2{
		font-size: 1.875em;
	}
	h3{
		font-size: 3.2em;
	}
	h4{
		font-size: 3em;
	}
	h5{
		font-size: 2.4em;
	}
	h6{
		font-size: 2em;
	}
	p{
		font-size: 1.3em;
	}
	.splitWorks img {
    height: auto;
    width: 100%;
	}
}
@media only screen and (max-width: 412px) { /*google nexus 6*/
	h1{
		font-size: 4.5em;
		text-align: center;
	}
	h3{
		text-align: center;
	}
	.sectionSplit div h3 {
		text-align: left;
	}
}
@media only screen and (max-width: 384px) { /*blackberry Z 384*/
	h4 {
    font-size: 2.9em;
	}
	.sectionSplit div:last-child .splitSocial {
    width: 15%;
	}
	.sectionSplit div p {
    line-height: 150%;
	}
}
@media only screen and (max-width: 370px) {
	.newsletterPortion{
		background-size: cover;
	}
}
@media only screen and (max-width: 340px) {
	h4 {
    font-size: 2.4em;
}
}
@media only screen and (max-width: 320px) {/*iphone4 320x480*/
}
@media print{

}
/* ///////////// responsiveness end////////////// */

.nav-collapse ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none;
}
@media only screen and (max-width: 635px) {
	.nav-collapse li {
		width: 100%;
		display: block;
	}
}

.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
}

.nav-collapse.opened {
	max-height: 9999px;
}

.disable-pointer-events {
	pointer-events: none !important;
}

.nav-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

@media screen and (min-width: 40em) {
	.js .nav-collapse {
		position: relative;
	}
	.js .nav-collapse.closed {
		max-height: none;
	}
	.nav-toggle {
		display: none;
	}
}