/**** MAX-WIDTH ****/

@media only screen and (max-width : 400px) {
header {
	background-position: 70% 0px;
}
}

@media only screen and (min-width : 321px) and (max-width : 737px) {
div.popUp div.popUpInner div.popUpInnerCell {
	padding: 0 10%;
}
}

/**** MIN-WIDTH ****/

@media only screen and (min-width : 525px) {
div#whitePaper.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm div.innerForm div.form iframe,
div#whitePaperTimer.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm div.innerForm div.form iframe {
	float: left;
	margin: 0;
}
div#whitePaper.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm div.innerForm div.form img,
div#whitePaperTimer.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm div.innerForm div.form img {
	float: right;
	margin: 0;
	width: 180px;
	height: auto;
}
}

@media only screen and (min-width : 550px) {
div#topMenu div#whiteArea {
	padding: 15px;
}
div#topMenu div#whiteArea div#download {
	clear: none;
	float: right;
	border-top: none;
	margin: 5px 0 0 0;
}
div#topMenu div#whiteArea div#download a {
	padding: 3px 0 3px 20px;
}
header {
	margin-top: 65px;
}
section#thankYou div#content {
	margin-bottom: 0;
	float: left;
	width: 60%;
}
section#thankYou img {
	float: right;
	width: 30%;
	height: auto;
}
}

@media only screen and (min-width : 640px) {
div#topMenu {
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
	height: auto;
}
div#topMenu div#whiteArea {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
div#topMenu div#whiteArea div#mobileMenu {
	display: none;
}
div#topMenu nav {
	position: relative;
	visibility: visible;
	width: 100% !important;
	height: auto;
	overflow: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
div#topMenu nav ul {
	float: left;
}
div#topMenu nav ul li {
	display: inline;
}
div#topMenu nav ul li a {
	float: left;
	display: block;
	border-bottom: none;
	padding: 15px 0 15px 15px;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
}
div#topMenu nav ul li a:after {
	content: "";
	border-right: solid 1px #288cdc;
	padding: 0 15px 0 0;
}
div#topMenu nav ul li a:hover {
	background-color: #09428A;
}
div#topMenu nav ul li:last-child a {
	border-right: none;
}
div#topMenu nav ul li:last-child a:after {
	border-right: none;
}
div#topMenu nav ul:last-of-type {
	float: right;
}
div#topMenu nav ul:last-of-type li:first-child a, div#topMenu nav ul:last-of-type li:last-child a {
	background-position: 12px center;
	background-repeat: no-repeat;
	padding-left: 37px;
}
div#topMenu nav ul:last-of-type li:first-child a {
	background-image: url(../images/icons/blog.png);
	background-image: url(../images/icons/blog.svg), none;
}
div#topMenu nav ul:last-of-type li:last-child a {
	background-image: url(../images/icons/contact.png);
	background-image: url(../images/icons/contact.svg), none;
}
header {
	margin-top: 113px;
	padding: 60px 0;
}
header div#headerBox {
	width: 50%;
	padding: 30px 15px;
	background-color: #FFF;
	background-color: rgba(255,255,255,0.8);
}
section div.featured div.column div.video a {
	height: 300px;
}
}

@media only screen and (min-width : 675px) {
div#whitePaper.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm,
div#whitePaperTimer.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm {
	width: 675px;
	margin: 0 auto;
}
div#whitePaper.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm div.innerForm,
div#whitePaperTimer.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm div.innerForm {
	padding: 30px;
}
div#whitePaper.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm div.innerForm div.form img,
div#whitePaperTimer.popUp div.popUpInner div.popUpInnerCell div.whitePaperForm div.innerForm div.form img {
	width: 250px;
}
}

@media only screen and (min-width : 750px) {
h1 {
	font-size: 2.5em;
}
h2 {
  font-size: 1.2em;
}
h3 {
	font-size: 1.7em;
}
header {
	background-size: auto;
	background-position: center -60px;
}
section {
	font-size: 1.05em;
}
section div.featured div.column {
	float: left;
}
section div.featured div.column div.video a {
	height: 200px;
}
section#transform div.featured div.column {
	width: 52%;
}
section#transform div.featured div.column:last-child {
	width: 35%;
	padding-left: 6%;
	margin-left: 6%;
	border-left: solid 1px #CCC;
	float: right;
}
section#connect div.featured div.column {
	width: 22%;
	margin: 0 4% 0 0;
}
section#connect div.featured div.column img {
	margin: 0;
}
section#connect div.featured div.column:nth-child(2), section#connect div.featured div.column:nth-child(3) {
	width: 35%;
}
section#connect div.featured div.column:nth-child(3) {
	margin: 0;
}
section#analyze div#tourMobile div.featured div.column {
	width: 32%;
	margin: 0 2% 0 0;
}
section#analyze div#tourMobile div.featured div.column:nth-child(3) {
	margin: 0;
}
section#thankYou img {
	width: auto;
	height: auto;
}
}

@media only screen and (min-width : 1040px) {
h1 {
	font-size: 2.6em;
}
h3 {
	font-size: 1.8em;
}
section {
	font-size: 1.1em;
}
div.center {
	width: 980px;
	padding: 0 30px;
}
div#topMenu div#whiteArea {
	padding: 15px 0;
}
div#topMenu nav ul:first-of-type {
	margin-left: -15px;
}
div#topMenu nav ul:last-of-type {
	margin-right: -15px;
}
header {
	background-position: center -90px;
	background-size: cover;
}
header div#headerBox {
	padding: 30px;
	margin-left: -30px;
	width: 440px;
}
section div.center {
	padding: 40px 30px;
}
section#transform div.featured {
	padding: 35px 0 0 0;
	margin-top: 30px;
}
section#connect div.featured div.column p {
	margin-bottom: 0;
}
footer ul li:first-child a, footer div#social ul li a, footer p {
	margin-left: 0;
}
footer div#social ul {
	padding: 0;
}
}

@media only screen and (min-width : 1200px) {
div#topMenu div#whiteArea div#download {
	float: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	top: 200px;
	width: 155px;
	height: 150px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
}
div#topMenu div#whiteArea div#download a {
	display: block;
	width: 155px;
	height: 125px;
	padding: 25px 0 0 0;
	margin: 0;
	color: #FFF;
	text-align: center;
	background-image: none;
	background-color: #0063BE;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
}
div#topMenu div#whiteArea div#download a span {
	display: block;
	width: 40px;
	height: 55px;
	background-image: url(../images/icons/download.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: cover;
	margin: 0 auto 15px;
}
div#topMenu div#whiteArea div#download a:hover {
	background-color: #1486df;
}
}

@media only screen and (min-width : 1800px) {
header {
	background-position: center -170px;
}
}