/*
Screen rules
*/

/* common screen rules ----------- */

@media only screen and (max-width: 1599px) {
	h1 {
		font-size: 3.25rem;
	}
	h2 {
		font-size: 2.75rem;
	}
	.row-indent {
		padding: 0 85px 50px 85px;
	}
	.grey-background-section .text-section {
		padding: 50px 85px 50px 100px;
	}
	.container-indent {
		padding: 90px 100px;
	}
	footer .container {
		padding: 25px 100px 0;
	}
	.section-padding {
		padding: 90px 100px;
	}
	.side-pad, .side-pad-half {
		padding-right: 15px;
	}

	#line-up .lineup-padding {
		padding: 0 50px 50px 50px;
	}
}
@media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 1024px) and (max-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	#header {
		height: auto;
	}
	.bg1 {
		height: 500px;
	}
	.bg4::after {
		background-attachment: scroll;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 1366px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	#header {
		height: auto;
	}
	.bg1 {
		height: 500px;
	}
	.bg4::after {
		background-attachment: scroll;
	}
}
@media only screen and (max-width: 1279px) {
	.container-indent {
		padding: 90px 75px;
	}
	footer .container {
		padding: 25px 75px 0;
	}
	.row-indent {
		padding: 0 60px 50px 60px;
	}
	.grey-background-section .text-section {
		padding: 50px 60px 50px 75px;
	}
	.side-pad, .side-pad-half {
		padding-right: 5px;
	}
	.section-padding {
		padding: 90px 75px;
	}
	#line-up .lineup-header {
		padding: 0 60px;
	}
	#line-up .lineup-content {
		padding: 0 30px;
	}
	.sectionDESKTOP {
		display: none;
	}
	
}
@media only screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
	.bg1 {
		height: 500px;
	}
	.bg4::after {
		background-attachment: scroll;
	}
}
@media only screen and (max-width: 979px) {
	h1 {
		font-size: 3rem;
	}
	p.intro-text {
		font-size: 1.25rem;
	}
	.row-indent {
		padding: 0 35px 50px 35px;
	}
	.grey-background-section .text-section {
		padding: 35px 35px 50px 50px;
	}
	.container-indent {
		padding: 75px 50px;
	}
	
	.form-padding {
		padding: 0 25px 0 25px;
	}
	.CTA-padding {
		margin: 125px 0 0;
	}
	.bg1 {
		height: 500px;
	}
	#header .formcell-right {
		padding: 0 15px;
	}
	#header .formcell-left {
		padding: 0 15px;
	}
	#line-up .lineup-padding {
		padding: 0 5px 50px 5px;
	}
	#line-up .container-indent {
		padding: 65px 15px 40px 15px;
	}
	.section-padding {
		padding: 75px 75px;
	}

	#header {
		height: auto;
	}
}
@media only screen and (max-height: 960px) and (orientation: landscape) {
	#header {
		height: auto;
	}
	.bg1 {
		height: 500px; 
	}
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
	#header {
		height: inherit;
	}
	.bg1 {
		height: 370px;
	}
	.bg4::after {
		background-attachment: scroll;
	}
}
@media only screen and (max-width: 735px) {
	header {
		height: 50px;
	}
	header .material-icons.md-36 {
		font-size: 24px;
		margin-bottom: 3px;
	}
	header .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	h2 {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 1.625rem;
	}

	.imgMOBILE {
		display: inline;
	}
	.bg1 {
		display: none;
		height: 0px;
	}
	#header {
		padding-top: 50px;
		height: inherit;
	}
	#header h1 {
		margin: 35px 0 30px 0;
	}
	#lang-selector, .separator, .nav-email {
		display: none;
	}

	.grey-background-section .text-section {
		padding-right: 35px;
		padding-left: 35px;
		padding-top: 35px;
		padding-bottom: 20px;
	}

	.nav-info {
		margin: 9px 0;
	}
	.fujifilm-logo img {
		height: 26px;
		margin-top: 10px;
	}
	.colour-bar {
		height: 4px;
	}
	.bg4::after {
		background-attachment: scroll;
	}
	.openNav {
		width: 100vw;
	}
	.closeNav {
		width: 0px;
	}
	.form-indent {
		padding: 0;
	}
	.card {
		margin: 0px;
	}
	.form-overlay {
		position: inherit;
	}
	.form-padding {
		padding: 0 35px 0 35px;
	}
	.side-pad, .side-pad-half {
		padding-right: 35px;
		padding-left: 35px;
		padding-bottom: 20px;
	}
	.container-indent {
		padding: 75px 35px;
	}
	footer .container {
		padding: 35px 35px 0;
	}
	
	.row-indent {
		padding: 0 0px 0px 0px;
	}
	.section-padding {
		padding: 75px 35px;
	}
	#coloums {
		display: inline;
	}
	.formcell-right {
		padding: 0 15px;
	}
	.formcell-left {
		padding: 0 15px;
	}

	#line-up .lineup-padding {
		padding: 0px 100px 15px 100px;
		margin-top: -30px;
	}
	#line-up .lineup-header {
		padding: 0px;
	}
	#line-up .container-indent {
		padding: 65px 35px 70px 35px;
	}
	.zoom {
		transition: none;
	}
	.zoom:hover {
		-ms-transform: none;
		/* IE 9 */
		-webkit-transform: none;
		/* Safari 3-8 */
		transform: none;
	}
	.address-patch {
		text-align: center;
	}
	.fujifilm-logo-sm img {
		float: none;
	}
	#mySidenav .material-icons.md-36 {
		font-size: 24px;
	}
	.sidenav {
		padding-top: 50px;
	}
	.sidenav .closebtn {
		top: 11px;
	}

}
@media only screen and (max-width: 667px) {
	.separator {
		display: none;
	}
	.nav-email {
		display: none;
	}
}
@media only screen and (max-width: 575px) {
	#line-up .lineup-padding {
		padding: 0px 50px 15px 50px;
		margin-top: -30px;
	}
}
@media only screen and (max-width: 485px) {
	p {
		font-size: 1rem;
	}
	p.intro-text {
		font-size: 1.125rem;
	}
	.btn-primary {
		width: 100%;
	}
	.container-indent {
		padding: 50px 15px;
	}
	footer .container {
		padding: 35px 15px 0;
	}

	.side-pad, .side-pad-half {
		padding-right: 15px;
		padding-left: 15px;
	}
	.section-padding {
		padding: 50px 15px;
	}
	.form-padding {
		padding: 0 15px 0 15px;
	}
	#line-up .lineup-header {
		padding: 0 15px;
	}
	#line-up .container-indent {
		padding: 50px 15px 70px 15px;
	}
	h1 {
		font-size: 2.25rem;
	}
	h2 {
		font-size: 2.25rem;
	}

	h3 {
		font-size: 1.5rem;
	}
	.section-description {
		margin-top: 1.5rem;
		margin-bottom: 1rem;
	}
	#simple-intro .section-description {
		margin-top: 2rem;
		margin-bottom: 1rem;
	}
	.CTA-padding {
		margin: 100px 0 0;
	}

}
@media only screen and (max-width: 420px) {
	#line-up .lineup-padding {
		padding: 0px 25px 15px 25px;
	}
}