@font-face {
	font-family: 'HelveticaLTStd-Light';
	src: url('../fonts/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaLTStd-Light.otf') format('opentype'), url('../fonts/HelveticaLTStd-Light.woff') format('woff'), url('../fonts/HelveticaLTStd-Light.ttf') format('truetype'), url('../fonts/HelveticaLTStd-Light.svg#HelveticaLTStd-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaLTStd-Roman';
	src: url('../fonts/HelveticaLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaLTStd-Roman.otf') format('opentype'), url('../fonts/HelveticaLTStd-Roman.woff') format('woff'), url('../fonts/HelveticaLTStd-Roman.ttf') format('truetype'), url('../fonts/HelveticaLTStd-Roman.svg#HelveticaLTStd-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaLTStd-Bold';
	src: url('../fonts/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaLTStd-Bold.otf') format('opentype'), url('../fonts/HelveticaLTStd-Bold.woff') format('woff'), url('../fonts/HelveticaLTStd-Bold.ttf') format('truetype'), url('../fonts/HelveticaLTStd-Bold.svg#HelveticaLTStd-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'HelveticaLTStd-Light';
	font-size: 15px;
	line-height: 1.5;
	overflow-x: hidden !important;
	color: #535353;
}

p {
	font-size: 17px;
	margin: 0 0 10px;
}

img {
	max-width: 100%;
}

h1,
h2,
h4,
h5,
h6 {
	font-family: 'HelveticaLTStd-Roman';
	font-weight: normal;
}

h1 {
	color: #4d4d4d;
	font-size: 55px;
}

h2 {
	font-size: 40px;
	font-family: 'HelveticaLTStd-Bold';
}

h3 {
	font-size: 25px;
	font-weight: normal;
}

h4 {
	font-size: 1.3em;
}

h5 {
	color: #606060;
	font-size: 22px;
}

strong {
	font-family: HelveticaLTStd-Bold;
	font-weight: normal;
}

a {
	text-decoration: none;
}

a:hover {
	transition: all 0.4s ease-in-out 0s;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* start commented backslash hack \*/


.clearfix {
	display: block;
	clear: both;
}

/* close commented backslash hack */


.container {
	max-width: 1360px;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
}

.container-small {
	max-width: 950px;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
}

/* Video Sections Css
==================================================== */



#myVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 200px;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
 background-image: /* our video */;
	background-position: center center;
	background-size: cover;
	object-fit: cover; /*cover video background */
	background: url('../images/video-banner.jpg') no-repeat;
	
}
.iframeclass {
	width: 100%;
	height:640px;
}

/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */



#section0 .layer {
  top: 0;
  width: 100%;
  z-index: 10000;
  left: 0;
  padding: 25px 25px 15px 25px;
  background-color: #000;
  position:absolute;
}

/*solves problem with overflowing video in Mac with Chrome */


#section0 {
	overflow: hidden;
}

#menu {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 0;
	top: 90px;
	z-index: 70;
	width: 145px;
}

#menu li {
	background: none repeat scroll 0 0 #1a6ded;
	display: inline-block;
	float: right;
	margin: 2px 0;
}

#menu li.active {
	background: #e02d2d;
}

#menu li a {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	padding: 6px 8px 8px 10px;
	text-decoration: none;
}

#menu .big-link a {
	padding-left: 20px;
}

#section0 {
	padding: 0 2%;
}

header {
	padding: 45px 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.logo {
	float: left;
}
.small-logo img {
	width:100px;
}


.top-left {
	display: inline-block;
	vertical-align: middle;
}

.top-right {
	display: inline-block;
}

#logo-wording {
	color: #fff;
	display: inline-block;
	float: left;
	font-family: HelveticaLTStd-Bold;
	font-size: 45px;
	line-height: 1;
	margin-left: 30px;
}

.banner-title {
	color: #ffffff;
	margin-top: 7%;
	position: relative;
	text-align: center;
	z-index: 10;
}

.banner-title h2,
.banner-title h4 {
	line-height: 1.2;
	margin: 0;
}

.btn-outer {
	text-align: center;
}

.video-overlay {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}

.srcoll-btn {
	background: none repeat scroll 0 0 #dd3534;
	border-radius: 5px;
	bottom: 10%;
	color: #fff;
	display: inline-block;
	font-family: "HelveticaLTStd-Roman";
	font-size: 15px;
	font-weight: bold;
	left: 50%;
	letter-spacing: 1px;
	margin-left: -70px;
	padding: 10px 20px;
	position: absolute;
	z-index: 10;
}

/* Services Page Section Css
================================================= */



.services {
	background: none repeat scroll 0 0 #151515;
	padding: 20px;
}

.box {
	background: none repeat scroll 0 0 #d4d4d4;
	float: left;
	margin-bottom: 1%;
	margin-right: 1%;
	width: 32.3%;
}

.box-inner-content {
	padding: 50px 15px 10px 20px;
	min-height: 200px;
	position: relative;
}

.box-img.fta-logo {
	bottom: -18px;
}

.box-img.ico-video {
	bottom: 0;
}

.box-img {
	bottom: -13px;
	position: absolute;
	right: 20px;
}

.box-title {
	font-family: 'HelveticaLTStd-Bold';
	font-size: 40px;
	line-height: 1.4;
}

.box-inner-content p {
	line-height: 1.3;
	margin: 0;
}

.box a {
	color: #535353;
}

.box-light-blue .box-bottom-bar {
	background: url("../images/blue-arrow.png") no-repeat scroll right center #0341f4;
}

.box-dark-blue .box-bottom-bar {
	background: url("../images/blue-dark-arrow.png") no-repeat scroll right center #0a1a93;
}

.box-del-blue .box-bottom-bar {
	background: url("../images/blue-del-arrow.png") no-repeat scroll right center #0c4982;
}

.box-light-green .box-bottom-bar {
	background: url("../images/green-light-arrow.png") no-repeat scroll right center #3bb44d;
}

.box-dark-green .box-bottom-bar {
	background: url("../images/green-dark-arrow.png") no-repeat scroll right center #16461c;
}

.box-del-green .box-bottom-bar {
	background: url("../images/green-del-arrow.png") no-repeat scroll right center #3d9648;
}

.box-bottom-bar {
	color: #fff;
	font-size: 18px;
	padding: 9px 70px 5px 5px;
	text-align: right;
	background-color: #0a1a93;
}

.box-light-blue .box-title {
	color: #0341f4;
}

.box-dark-blue .box-title {
	color: #0a1a93;
}

.box-del-blue .box-title {
	color: #3d9648;
}

.box-light-green .box-title {
	color: #3bb44d;
}

.box-dark-green .box-title {
	color: #16461c;
}

.box-del-green .box-title {
	color: #3d9648;
}

/* Gallery
================================================= */

.gallery {
	list-style-type: none;
	text-align: center;
	margin-top: 0;
}

.gallery li {
	width: 250px;
	padding: 5px;
	display: inline-block;
}

/* Video Page Section Css
================================================= */



.video-inner {
	background: none repeat scroll 0 0 #000;
	text-align: center;
}

/* Inner Pages Css
================================================= */


.top-header {
	padding: 30px 0 24px;
}

.small-logo {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}

.menu {
	display: inline-block;
	margin-top: 30px;
	width: 90%;
	max-width:800px;
}

.menu ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.menu ul li {
	display: inline-block;
	margin: 0 13px;
}

.menu ul li a {
	color: #1e1e1e;
	font-family: HelveticaLTStd-Roman;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.menu ul li a:hover {
	color: #1B318A;
}

.entry-title {
	color: #fff;
	font-family: HelveticalTStd-light;
	font-size: 35px;
	margin: 0;
}

.banner-title h2 {
	font-size: 50px;
}

.bg-blue-title {
	background: url("../images/bg-blue.png") repeat scroll 0 0 / cover;
}

.bg-green-title {
	background: url("../images/bg-green.png") repeat scroll 0 0 / cover;
}
.bg-weighbridges-title {
	background: url("../images/weighbridges-title.jpg") repeat scroll 0 0 / cover;
}
.bg-aboutus-title {
	background: url("../images/aboutus-title.jpg") repeat scroll 0 0 / cover;
}

.bg-gallery-title {
	background: url("../images/gallery-title.jpg") repeat scroll 0 0 / cover;
}
.bg-rms-title {
	background: url("../images/rms-title.jpg") repeat scroll 0 0 / cover;
}
.page-title {
	padding: 15px 0 10px;
}

.content-area {
	float: right;
	width: 92%;
}

.content-title h2 {
	background: none repeat scroll 0 0 #E7E7E7;
	display: inline-block;
	font-family: HelveticaLTStd-Light;
	font-size: 35px;
	margin: 0;
	padding: 0 14px;
	text-transform: uppercase;
}

.content-title {
	background: url("../images/line.png") repeat-x scroll 0 center;
	text-align: center;
	margin-bottom: 55px;
	background-color: #E7E7E7;
}

.content {
	margin: 80px 0;
}

.heading {
	font-family: HelveticaLTStd-Bold;
	font-size: 35px;
	margin: 0 0 40px;
	text-transform: uppercase;
}

.featured-img {
	margin: 40px 0;
	width: 100%;
}

.featured-img img {
	width: 100%;
}

.gallery-img {
	float: left;
	margin: 0 13px 20px;
	width: 21.8%;
}

.gallery-img img {
	width: 100%;
}

.inner-content-section {
	padding: 0 4%;
}

/* Bridges Page Css
================================================= */

.side-bar-template{
	position:relative;
}

.side-bar-template .content-area {
	float: right;
	width: 75%;
	  background-color: #F5F5F5;
}

.side-bar {
	float: left;
	margin-right: 2%;
	width: 22%;
}

.list-sidebar {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.list-sidebar li {
	display: block;
	margin-bottom: 5px;
}

.list-sidebar a {
	background: none repeat scroll 0 0 #f0f0f0;
	box-sizing: border-box;
	color: #777777;
	display: inline-block;
	font-size: 17px;
	padding: 10px;
	width: 100%;
}

.list-sidebar a:hover {
	background: none repeat scroll 0 0 #777777;
	color: #f0f0f0;
}

.list-sidebar i {
	font-size: 12px;
	margin-right: 10px;
	position: relative;
	top: -2px;
}

.email {
	font-size: 18px;
	margin-bottom: 5px;
}

.email a {
	color: #535353;
}

.email,
.footer-widget-sidebar .contact-no {
	margin-left: 15px;
}

.footer-widget-sidebar {
	margin-top: 700px;
}

.footer-logo {
	text-align: center;
}

.footer-logo h4 {
	color: #000;
	font-size: 22px;
	line-height: 1.3;
	margin: 5px 0 15px;
}

/* Footer Section Css
================================================= */



.container-narrow {
	margin: 0 auto;
	max-width: 780px;
	padding: 0 1%;
	width: 100%;
}

.left-section {
	float: left;
}

.left-section h1 {
	font-size: 55px;
	margin: 0;
	color: #2b2b2b;
}

.right-section {
	float: right;
	font-family: HelveticaLTStd-Roman;
	font-size: 20px;
	letter-spacing: 1px;
}

.contact-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.contact-info li {
	color: #777777;
	margin-bottom: 25px;
	margin-top: 0;
}

.contact-no i {
	color: #777777;
	font-size: 28px;
	position: relative;
	top: 5px;
}

.contact-info .contact-no {
	color: #5a528d;
}

.contact-info i {
	margin-right: 5px;
	margin-top: 1px;
}

.contact-info a {
	color: #777;
}

.footer {
	background: #f8f8f8;
}

.footer-bottom {
	background: none repeat scroll 0 0 #2b2b2b;
	bottom: 0;
	padding-bottom: 20px;
	padding-top: 50px;
	position: absolute;
	width: 100%;
}

.inner-footer {
	background: none repeat scroll 0 0 #2b2b2b;
	bottom: 0;
	padding-bottom: 20px;
	padding-top: 50px;
	width: 100%;
}
	
/* Gallery page footer fix
==================================*/

.gallery-footer {
	margin-top: 1300px;
}

 @media (max-width: 1068px) {
 	.gallery-footer {
 		margin-top: 1750px;
 	}
 }

 @media (max-width: 868px ) {
	.gallery-footer {
		margin-top: 2400px;
	}
 }

 @media (max-width: 769px ) {
 	.gallery-footer {
 		margin-top: 2400px;
 	}
 	.gallery {
 		margin-left: 105px;
 	}
	
	 #rmspage .gallery {
 		margin-left: 0px;
 	}
 }

 @media (max-width: 674px) {
		.gallery-footer {
 		margin-top: 4600px;
 	}
 }


.footer-top {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.copy-right {
	border-top: 1px solid #555555;
	color: #aaa;
	font-family: HelveticaLTStd-Roman;
	letter-spacing: 1px;
	padding-bottom: 10px;
	padding-top: 25px;
	text-align: center;
}

.side-menu-title{
	cursor:pointer;
	font-family:HelveticalTStd-light;
	font-size:17px;
	padding:5px 20px;
	background:#DEDCDC;
	text-transform:uppercase;
	position:relative;
	z-index:2;
	margin:0;
	margin-bottom:45px;
	display:none;
	line-height: 2.9em;
    font-weight: bold;
}

/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */


.nav-collapse ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none;
}

.nav-collapse li {
	display: block;
	width: 99%;
}

.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;
}
}

.js-nav-active .mask {
	visibility: visible;
	opacity: 1;
}
 @media screen and (min-width: 40em) {

.mask {
	display: none !important;
	opacity: 0 !important;
}
}

/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */



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

.nav-collapse,
.nav-collapse ul {
	list-style: none;
	width: 100%;
	float: left;
}
 @media screen and (min-width: 40em) {

.nav-collapse li {
	width: auto;
}
}
 @media screen and (min-width: 40em) {

.nav-collapse ul ul a {
	display: none;
}
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */



.nav-toggle {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	text-indent: -300px;
	position: relative;
	overflow: hidden;
	width: 60px;
	height: 55px;
	float: right;
}

.nav-toggle:before {
	color: #000; /* Edit this to change the icon color */
	font: normal 44px/65px "responsivenav"; /* Edit font-size (28px) to change the icon size */
	text-transform: none;
	text-align: right;
	position: absolute;
	content: "\2261"; /* Hamburger icon */
	text-indent: 0;
	speak: none;
	width: 100%;
	left: 0;
	top: -18px;
}

.nav-toggle.active:before {
	font-size: 44px;
	content: "\2261"; /* Close icon */
}

.bridges-widget {
	margin-top: 330px
}

 @media (max-width:1200px) {

#logo-wording {
	font-size: 37px;
}

.banner-title h2 {
	font-size: 2.5em;
}

.banner-title h4 {
	font-size: 1.5em;
}

.box-title {
	font-size: 25px;
}

.services {
	padding: 5px 0;
}

.container {
	max-width: 1100px;
}

.box {
	width: 32.3%;
}
}
 @media (max-width:1000px) {

#section0 {
	padding: 0 0;
}

body {
	overflow-x: hidden;
}

#logo-wording {
	font-size: 1.3em;
}

.banner-title h2 {
	font-size: 2em;
}

.banner-title h4 {
	font-size: 1em;
}

.logo-top img {
	width: 70%;
}

.logo-top {
	text-align: right;
}

.box-bottom-bar {
	font-size: 15px;
}

.container-narrow,
.container,
.container-small {
	max-width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

.left-section,
.right-section {
	float: none;
	text-align: center;
}

.services {
	padding: 5px 20px;
	box-sizing: border-box;
}

.content-area {
	float: none;
	width: 100%;
}
}
 @media (max-width:769px) {
	.iframeclass {
	width:100%;
	height:auto;
}
.homeiframe {
	display:none;
}
.section.footer.fp-section.active {
	height:400px;
}
.top-header.clearfix {
	text-align:center;
}

.top-header .small-logo a {
	margin-right:80px;
}
	body {
		background-color: #F5F5F5;
	}
.arrows {
	display:none;
}
#section0 .layer {
	text-align: center;
}

.box {
	width: 100%;
}

.logo-top {
	text-align: center;
}

.menu ul {
	text-align: right;
}

.small-logo img {
	width:100px;
	margin-top:-10px;
	position: absolute;
	text-align: center;
}

.menu {
	float: right;
	margin-top: 0;
	width: 100%;
}

.menu ul li {
	margin: 2px;
}

.menu ul li a {
	font-size: 15px;
}

.side-bar-template .content-area,
.side-bar {
	float: none;
	width: 100%;
}

.sidebar {
	margin-top: 50px;
}

.footer-logo h4 br {
	display: none;
}

.footer-widget-sidebar {
	margin-top: 100px;
	text-align:Center;
}


.side-bar-template {
    margin-top: 0;
}

.side-menu-title{
	display:block;
}

.side-nav{
	box-sizing: border-box;
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 60px;
    width: 100%;
	display:none;
	  background-color: #F0F0F0;
}

.menu-icon{
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 0;
	line-height:0;
}

.menu-icon i{
	line-height:42px;
}

.menu-icon i.fa-sort-asc{
	line-height:45px;
}

}
 @media (max-width:769px) {
	 

	#logo-wording {
		font-size: 1em;
	}

	.banner-title h2 {
		font-size: 1em;
	}

	.banner-title h4 {
		font-size: 0.5em;
	}

	.left-section h1 {
		font-size: 25px;
	}

	.footer-top {
		bottom: 0;
		position: static;
	}
	.gallery-iframe {
		text-align: center;
	}
}


.gallery-iframe {
	text-align: left;
}

.gallery-iframe li {
	width: 200px;
}

/* Footer Form 
======================================*/

.footer-top input, .footer-top select, .footer-top textarea {
	margin-bottom: 10px;
}

select {
	width: 178px;
}

.footer-top label {
	color: #535353;
	font-family: 'HelveticaLTStd-Bold';
}

.send-message {
	padding: 5px 15px;
}

.right-section {
	height: 300px;
}

form {
	margin-top: 20px;
}

 @media (max-width: 1000px) {

 	.right-section {
 		margin-right: 0;
 		margin-top: 20px;
 	}
 }

 @media (max-width: 769px) {
 	.top-right #logo-wording {
 		margin-left: 0;
 		font-size: 13px;
 	}
 	#section0 .layer {
 		padding: 0;
 		padding-bottom:  50px;
 	}
 	.box {
 		width: 32%;
 	}
 	.box .box-bottom-bar, .box p {
		display: none;
 	}
 	.box .box-inner-content {
 		padding: 5px;
 		min-height: 120px;
 	}
 	.box .box-img {
 		left: 15px;
 		top: 30px;
 	}
 	.box .box-title {
 		font-size: 9px;
 		text-align: center;
 		color: #535352 !important;
 	}
 	.footer-bottom {
 		margin-bottom: -190px;
 	}
 	.nav-collapse ul {
		text-align: center;
		margin-top: 20px;
 	}
 	.nav-collapse ul li {
 		padding: 10px;
 		border-bottom: 1px solid lightgrey;
 	}
 	.about-widget, .history-widget, .mission-widget, .bridges-widget {
 		margin-top: 0 !important;
 	}
 }

 @media (min-width: 640px) and (max-width: 768px) {
 	.nav-collapse ul {
 		margin-top: 60px;
 	}
 	.nav-collapse ul li a {
 		font-size: 13px;
 	}
 }

  @media (min-width: 640px) {
  	.nav-collapse ul li {
  		border-bottom: none;
  	}
  }

  @media (min-width: 449px) and (max-width: 1000px) {
  	#section0 .layer {
 		padding-bottom: 60px !important;
 	}
  }

   @media (min-width: 320px) and (max-width: 768px) {
	   	.box .box-inner-content {
	 		padding: 5px;
	 		min-height: 120px;
	 	}
	 	.box .box-img {
	 		left: 25%;
	 		top: 20%;
	 	}
	 	.box .box-title {
	 		font-size: 10px;
	 		text-align: center;
	 		color: #535353 !important;
	 	}
	 	.iframeclass {
	 		height: 320px;
	 		width: 100%;
	 	}
   }

@media (max-width: 1024px) {
	.btn-outer {
		display: none !important;
	}
	.banner-title, .video-overlay, #myVideo {
		display: none;
	}
}


@media (min-width: 320px) and (max-width: 768px) {

	.box .box-inner-content {
 		padding: 5px;
 		min-height: 100px;
 	}
 	.box .box-img {
 		top: 30%;
 		right: 25px;
 	}
 	.services {
 		padding: 0;
 	}
 	.box-del-blue {
 		margin-right: 0 !important;
 	}
 	.services-main div:last-child {
 		margin-right: 0 !important;
 	}
 	.box {
 		margin-right: 2%;
 		margin-bottom: 2%;
 	}

}

@media (min-width: 430px) and (max-width: 768px) {
	.box .box-inner-content {
		min-height: 150px;
	}
}


@media screen and (device-width: 768px) and (device-height: 1024px) {
	#section0 {
		display: none;
	}
	.fp-tableCell {
		vertical-align: top;
	}
}

@media screen and (device-width: 1024px) and (device-height: 768px) {
	#section0 {
		display: none;
	}
	.fp-tableCell {
		vertical-align: top;
	}
	.box {
 		width: 32%;
 	}
 	.box .box-bottom-bar, .box p {
		display: none;
 	}
 	.box .box-inner-content {
 		padding: 5px;
 		min-height: 200px;
 	}
 	.box .box-img {
 		left: 35%;
 		top: 50px;
 	}
 	.box .box-title {
 		font-size: 20px;
 		text-align: center;
 		color: #535352 !important;
 	}
 	#logo-wording {
 		font-size: 30px;
 	}
} 

@media screen and (device-width: 320px) and (device-height: 480px) {
	#section0 {
		display: none;
	}
	#logo-wording {
		font-size: 11px !important;
		margin-bottom: 20px;
	}
		form {
		display: none;
	}
}

@media screen and (device-width: 480px) and (device-height: 320px) {
	#section0 {
		display: none;
	}
	#logo-wording {
		font-size: 11px !important;
		margin-bottom: 20px;
	}
	form {
		display: none;
	}
}  


/* ----------- iPad mini ----------- */

/* Portrait */
@media (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
		.box .box-inner-content {
			min-height: 160px !important;
		}
}

/* Landscape */
@media screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}