@charset "iso-8859-1";
/* CSS Document */

/* ========================================================================================================== FONTS === */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); /* font-family:'Open Sans', sans-serif; */

/* ========================================================================================================== TRANSITIONS === */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.top-bar,
.top-bar .logo,
.top-bar .top-bar-section,
.top-bar .toggle-topbar.menu-icon a span::after,
.feature a article h2{
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;}
	
@-webkit-viewport{ width:device-width;}
@-moz-viewport{ width:device-width;}
@-ms-viewport{ width:device-width;}
@-o-viewport{ width:device-width;}
@viewport{ width:device-width;}


/* ========================================================================================================== TOPBAR === */
.header{
	padding:0.33rem 0; position:relative; z-index:1000;}
	
.logo{
	width:280px;
	margin-left:0.75rem;
	margin-top:0.5rem;}
	
.login{
	width:auto; float:left; margin-left:0.75rem;}
	
.login img{
	width:80%;}


/* ========================================================================================================== RM1 === */
.rm1{
	background:#000 url(../images/rm1bg.jpg) center top no-repeat fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;}
	
.rm1title{
	margin:24rem auto 4rem;}
	
.feature{
	position:relative; margin-bottom:1rem;}
	
.feature img{
	position:inherit; z-index:1;}
	
.feature article{
	position:absolute; top:4.5rem; left:0.75rem; width:30%; z-index:100;}
	
.feature article h2{
	color:rgba(255,255,255,1); font-style:italic; font-weight:400; margin:0; padding:0; font-size:1.45rem;}
	
.feature article h2 span{
	text-transform:uppercase;}
	
.feature a article h2{
	text-shadow:0 0 5px rgba(0,0,0,0.75);}
	
.feature a:hover article h2{
	text-shadow:0 0 5px rgba(255,255,255,0.45);}
	
	
/* ========================================================================================================== RM2 === */
.rm2{
	background:#000 url(../images/rm2bg.jpg) center top no-repeat fixed;	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;}
	
.rm2content{
	background:url(../images/rm2circles-img.png) center -7rem no-repeat; position:relative; min-height:1253px;}
	
.rm2content article{
	position:absolute; top:17rem; left:0; right:0; z-index:100;}
	
.rm2content article h2{
	font-size:3.1rem; font-weight:400; text-align:center;}
	
.rm2content article h2 span{
	font-weight:600; font-style:italic;}
	
.rm2content article p{
	font-size:1.33rem;}
	
.rm2content article h4{
	margin:0; padding:0; font-weight:600;}
	
.rm2content article ul{
	list-style:none; margin:0 auto 1.23rem; padding:0;}
	
.rm2content article ul li{
	background:url(../images/plus.png) 0 7px no-repeat; padding-left:16px; font-size:1.1rem;}
	
.rm2content article ul.y li{
	color:#fff684;}
	
.rm2content article ul.b li{
	color:#8dd8f8;}
	
	
/* ========================================================================================================== RM3 === */
.rm3{
	background:#000 url(../images/rm3bg.jpg) center top no-repeat fixed;	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;}
	
.rm3content{
	background:url(../images/rm3circles-img.png) center -7rem no-repeat; position:relative; min-height:1253px;}
	
.rm3content article{
	position:absolute; top:-1rem; left:0; right:0; z-index:100;}
	
.rm3content article img.last{
	margin-top:-6rem;}
	
.rm3content h2{
	color:#fff200; font-weight:600; margin-top:-2rem;}
	
.rm3content p{
	font-size:1.45rem;}
	
.rm3content h1{
	margin:4rem auto;
	font-size:4.2rem;
	font-weight:400;}
	
.rm3content h1 span{
	font-weight:600;
	font-style:italic;}
	
	
/* ========================================================================================================== RM4 === */
.rm4{
	background:#000 url(../images/rm4bg.jpg) center top no-repeat fixed;	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;}
	
.rm4content a{
	color:#b1cfe4;}
	
.rm4content a:hover{
	color:rgba(255,255,255,1);}
	
.rm4content{
	background:url(../images/rm4circles-img.png) center -7rem no-repeat; position:relative; min-height:1253px;}
	
.rm4content article{
	position:absolute; top:17rem; left:0; right:0; z-index:100;}
	
.rm4content article .contactinfo p{
	margin-left:0.75rem; font-size:1.23rem; color:#b1cfe4;}
	
.rm4content article .contactinfo p span{
	color:rgba(255,255,255,0.9);}
	
.rm4content article .contactinfo p:last-child{
	font-style:italic; font-weight:600;}
	
.rm4content article .contactus h2{
	font-weight:600; color:#9dce6b;}
	
.rm4content article .contactus p{
	font-size:1.65rem;}
	
.rm4content article .contactus img{
	margin:2.33rem auto;}
	
	
	
/* ========================================================================================================== FOOTER === */
.footer{
	text-align:center; padding:1rem;
	/*background:black;*/ /* For browsers that do not support gradients */
	background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
	background:-o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
	background:-moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
	background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/}
	
.footer ul{
	list-style:none;}
	
.footer ul li{
	text-transform:uppercase; display:inline-block;}
	
.footer ul li.divide{
	width:1px; height:14px; margin:0 1rem; background:#005696;}
	
.footer ul li,
.footer ul li a{
	/*color:#005696;*/
	color:rgba(255,255,255,0.33);}
	
.footer ul li a:hover{
	color:rgba(255,255,255,1);}
	
	
/* ========================================================================================================== MQ === */	
/* +++++++++++++++++++++++++++++++++++++++++++++++ Small Screens +++++++++++++++++++++++ */
@media only screen {
    body{
		background:DarkCyan;}
		
	/* top bar */
	.header{
		padding:0;}
			
} /* Define mobile styles */

@media only screen and (max-width: 40em) {
    body{
		background:YellowGreen;}
			
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 40em) and (orientation: portrait) {
    body{
		background:DarkSlateBlue;}
		
	/* top bar */
	.logo{
	    width:220px;
	    margin-left:0.25rem;
	    margin-top:0.5rem;}
		
	/* RM1 */
	.rm1{
		background:#000 url(../images/rm1bg.jpg) center top no-repeat fixed; background-size:240%;}
	
	.rm1title{
		margin-top:10rem;}
		
	.feature{
		margin-bottom:0;}
		
	.feature article{
		position:absolute; top:2.5rem; left:0.5rem; width:30%; z-index:100;}
		
	.feature article h2{
		color:rgba(255,255,255,1); font-style:italic; font-weight:400; margin:0; padding:0; font-size:1rem;}
		
	/* RM2 */		
	.rm2content{
		background:url(../images/rm2circles-img-sm.png) center -0.5rem no-repeat; min-height:1920px;}
		
	.rm2content article{
		top:4.2rem;}
		
	.rm2content article h2{
		font-size:1.8rem;}
		
	.rm2content article p,
	.rm2content article h4{
		font-size:1rem;}
		
	.rm2content article ul li{
		background:url(../images/plus.png) 0 8px no-repeat; padding-left:12px; font-size:1rem; background-size:3.65%;}
		
	/* RM3 */
	.rm3content{
		background:url(../images/rm3circles-img-sm.png) center -0.5rem no-repeat; min-height:1920px;}
		
	.rm3content article{
		top:-2.34rem;}
		
	.rm3content article img{
		width:100%;}
		
	.rm3content article img.last{
		margin-top:-5rem;
		width:80%;}
		
	.rm3content h2{
		font-size:2rem; text-align:center;}
		
	.rm3content p{
		font-size:1.1rem; text-align:center; margin-bottom:4rem;}
		
	.rm3content h1{
		margin:1.33rem auto;
		font-size:2rem;}
		
	/* RM4 */
	.rm4content{
		background:url(../images/rm4circles-img-sm.png) center -0.5rem no-repeat; background-size:240%; min-height:845px;}
		
	.rm4content article{
		top:6rem;}
		
	.rm4content article .contactinfo img{
		width:120px;}
		
	.rm4content article .contactinfo p{
		margin-left:0.15rem; font-size:1rem;}
		
	.rm4content article .contactus p{
		font-size:1.1rem;}
		
	.rm4content article .contactus .medium-7{
		width:100%;}
		
	/* FOOTER */
	.footer{
		text-align:left; padding:0.33rem;}
		
	.footer ul li{
		text-transform:uppercase; display:inherit; font-size:0.95rem; text-align:left;}
		
	.footer ul li.divide{
		display:none;}
				
} /* orientation: portrait | max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 40em) and (orientation: landscape) {
    body{
		background:ForestGreen;}
		
	/* RM1 */
	.rm1{
		background:#000 url(../images/rm1bg.jpg) center top no-repeat fixed; background-size:240%;}
	
	.rm1title{
		margin-top:20rem;}
		
	.feature{
		margin-bottom:0;}
		
	.feature img{
		width:100%; height:inherit;}
		
	.feature article{
		position:absolute; top:7.2rem; left:0.5rem; width:33%; z-index:100;}
		
	.feature article h2{
		color:rgba(255,255,255,1); font-style:italic; font-weight:400; margin:0; padding:0; font-size:1.33rem;}
		
	/* RM2 */		
	.rm2content{
		background:url(../images/rm2circles-img.png) center -7rem no-repeat; min-height:1253px;}
		
	.rm2content article{
		top:7rem;}
		
	.rm2content article h2{
		font-size:1.8rem;}
		
	.rm2content article p,
	.rm2content article h4{
		font-size:1.1rem;}
		
	.rm2content article ul li{
		background:url(../images/plus.png) 0 7px no-repeat; padding-left:16px; font-size:1rem;}
		
	/* RM3 */
	.rm3content{
		background:url(../images/rm3circles-img.png) center -9rem no-repeat; background-size:450%; min-height:1680px;}
		
	.rm3content article{
		top:-2rem;}
		
	.rm3content article img{
		width:60%;}
		
	.rm3content article img.last{
		margin-top:-5rem;
		width:40%;}
		
	.rm3content h2{
		font-size:1.65rem; text-align:center; margin-bottom:0.23rem;}
		
	.rm3content p{
		font-size:1rem; text-align:center; margin-bottom:0.5rem;}
		
	.rm3content h1{
		margin:1.33rem auto;
		font-size:2rem;}
		
	/* RM4 */
	.rm4content{
		background:url(../images/rm4circles-img.png) center -7rem no-repeat; min-height:1253px;}
		
	.rm4content article{
		top:6rem;}
		
	.rm4content article .contactinfo img{
		width:120px;}
		
	.rm4content article .contactinfo p{
		margin-left:0.15rem; font-size:1rem;}
		
	.rm4content article .contactus p{
		font-size:1.1rem;}
		
	.rm4content article .contactus .medium-7{
		width:50%;}
				
} /* orientation: landscape | max-width 640px, mobile-only styles, use when QAing mobile issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ Medium Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 40.063em) {
    body{
		background:RosyBrown;}
		
	/* top bar */
	.header{
		padding:0;}
		
	.top-bar{
		height:4rem;
		position:relative;}
	
	.logo{
		width:420px;
		margin-top:0.5rem;
		margin-right:3rem;
		margin-left:0.5rem;}
		
	.login{
		margin-left:0.5rem;}		
		
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	body{
		background:Pink;} /* my screen size 2 (FF) */
		
	/* RM1 */
	.rm1title{
		margin-top:18rem;}
		
	.feature article{
		top:2.5rem; left:0.5rem; width:30%;}
		
	.feature article h2{
		font-weight:400; font-size:1rem;}
		
	/* RM2 */		
	.rm2content{
		background:url(../images/rm2circles-img.png) center -3.5rem no-repeat; background-size:110%; min-height:740px;}
		
	.rm2content article{
		top:5.5rem;}
		
	.rm2content article h2{
		font-size:2.05rem;}
		
	.rm2content article p,
	.rm2content article h4{
		font-size:1rem;}
		
	.rm2content article ul li{
		background:url(../images/plus.png) 0 9px no-repeat; padding-left:10px; background-size:2%; font-size:0.95rem;}
		
	/* RM3 */
	.rm3content{
		background:url(../images/rm3circles-img.png) center -3.5rem no-repeat; background-size:110%; min-height:740px;}
		
	.rm3content article{
		top:-2rem;}
		
	.rm3content article img{
		width:90%;}
		
	.rm3content article img.last{
		margin-top:-4rem;
		width:80%;}
		
	.rm3content h2{
		font-size:1.65rem;}
		
	.rm3content p{
		font-size:1.1rem;}
		
	.rm3content h1{
		margin:1.33rem auto;
		font-size:2.75rem;}
		
	/* RM4 */
	.rm4content{
		background:url(../images/rm4circles-img.png) center -3.5rem no-repeat; background-size:110%; min-height:835px;}
		
	.rm4content article{
		top:8rem;}
		
	.rm4content article .contactinfo img{
		width:160px;}
		
	.rm4content article .contactinfo p{
		margin-left:0.4rem; font-size:1rem;}
		
	.rm4content article .contactus p{
		font-size:1.1rem;}
		
	.rm4content article .contactus img{
		margin:2rem auto;}
		
	/* FOOTER */
	.footer{
		text-align:center; padding:1rem 0;}
		
	.footer ul li{
		text-transform:uppercase; display:inline-block; font-size:0.95rem;}
		
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ Large Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 64.063em) {
    body{
		background:Azure;}
		
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    body{
		background:LightGrey;} /* my screen size 2 (IE) */
		
	/* RM1 */
	.rm1title{
		margin-top:16rem;}
		
	.feature article{
		top:2.5rem; left:0.5rem; width:30%;}
		
	.feature article h2{
		font-weight:400; font-size:1rem;}
		
	/* RM2 */
	.rm2content{
		background:url(../images/rm2circles-img.png) center -4rem no-repeat; background-size:100%; min-height:845px;}
		
	.rm2content .large-8{
		width:75%;}
	
	.rm2content article{
		top:7rem;}
		
	.rm2content article h2{
		font-size:2.3rem;}
		
	.rm2content article p{
		font-size:1.15rem;}
		
	.rm2content article h4{
		font-size:1.25rem;}
		
	.rm2content article ul li{
		font-size:1rem; background-size:2.345%;}
		
	/* RM3 */
	.rm3content{
		background:url(../images/rm3circles-img.png) center -4rem no-repeat; background-size:100%; min-height:845px;}
		
	.rm3content .large-10{
		width:95%;}
		
	.rm3content article{
		top:-2rem;}
		
	.rm3content article img{
		width:90%;}
		
	.rm3content article img.last{
		margin-top:-6rem;
		width:80%;}
		
	.rm3content h2{
		font-size:2rem;}
		
	.rm3content p{
		font-size:1.23rem;}
		
	.rm3content h1{
		margin:1.33rem auto;
		font-size:3rem;}
		
	/* RM4 */
	.rm4content{
		background:url(../images/rm4circles-img.png) center -4rem no-repeat; background-size:100%; min-height:835px;}
		
	.rm4content article{
		top:10rem;}
		
	.rm4content article .contactinfo img{
		width:200px;}
		
	.rm4content article .contactinfo p{
		margin-left:0.45rem; font-size:1.13rem;}
		
	.rm4content article .contactus h2{
		font-weight:600; color:#9dce6b;}
		
	.rm4content article .contactus p{
		font-size:1.23rem;}
		
	.rm4content article .contactus img{
		margin:2rem auto;}
					
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ XLarge Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 90.063em) {
    body{
		background:LavenderBlush;}
			
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    body{
		background:SlateGrey;} /* my screen size 1 */
		
	/* top bar */
	.header .large-12{
		width:70%; margin:0 auto;}
		
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


/* +++++++++++++++++++++++++++++++++++++++++++++++ XXLarge Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 120.063em) {
    body{
		background:IndianRed;}
		
	/* top bar */
	.header .large-12{
		width:70%; margin:0 auto;}
		
} /* min-width 1921px, xxlarge screens */


/* +++++++++++++++++++++++++++++++++++++++++++++++ Laptops & Smaller Resolutions +++++++++++++++++++++++ */
/* Non-Retina Screens */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
	body{
		background:DarkTurquoise;} /* my screen size 2 (GC) */
		
	/* RM1 */
	.rm1title{
		margin-top:16rem;}
		
	.feature article{
		top:2.5rem; left:0.5rem; width:30%;}
		
	.feature article h2{
		font-weight:400; font-size:1rem;}
		
	/* RM2 */
	.rm2content{
		background:url(../images/rm2circles-img.png) center -4rem no-repeat; background-size:100%; min-height:845px;}
		
	.rm2content .large-8{
		width:75%;}
	
	.rm2content article{
		top:7rem;}
		
	.rm2content article h2{
		font-size:2.28rem;}
		
	.rm2content article p{
		font-size:1.15rem;}
		
	.rm2content article h4{
		font-size:1.25rem;}
		
	.rm2content article ul li{
		font-size:1rem; background-size:2.345%;}
		
	/* RM3 */
	.rm3content{
		background:url(../images/rm3circles-img.png) center -4rem no-repeat; background-size:100%; min-height:845px;}
		
	.rm3content .large-10{
		width:95%;}
		
	.rm3content article{
		top:-2rem;}
		
	.rm3content article img{
		width:90%;}
		
	.rm3content article img.last{
		margin-top:-6rem;
		width:80%;}
		
	.rm3content h2{
		font-size:2rem;}
		
	.rm3content p{
		font-size:1.23rem;}
		
	.rm3content h1{
		margin:1.33rem auto;
		font-size:3rem;}
		
	/* RM4 */
	.rm4content{
		background:url(../images/rm4circles-img.png) center -4rem no-repeat; background-size:100%; min-height:835px;}
		
	.rm4content article{
		top:10rem;}
		
	.rm4content article .contactinfo img{
		width:200px;}
		
	.rm4content article .contactinfo p{
		margin-left:0.45rem; font-size:1.13rem;}
		
	.rm4content article .contactus h2{
		font-weight:600; color:#9dce6b;}
		
	.rm4content article .contactus p{
		font-size:1.23rem;}
		
	.rm4content article .contactus img{
		margin:2rem auto;}
}

/* Retina Screens */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
	body{
		background:MidnightBlue;} /* my screen size 2 (GC) */
		
	/* RM1 */
	.rm1title{
		margin-top:16rem;}
		
	.feature article{
		top:2.5rem; left:0.5rem; width:30%;}
		
	.feature article h2{
		font-weight:400; font-size:1rem;}
		
	/* RM2 */
	.rm2content{
		background:url(../images/rm2circles-img.png) center -4rem no-repeat; background-size:100%; min-height:845px;}
		
	.rm2content .large-8{
		width:75%;}
	
	.rm2content article{
		top:7rem;}
		
	.rm2content article h2{
		font-size:2.28rem;}
		
	.rm2content article p{
		font-size:1.15rem;}
		
	.rm2content article h4{
		font-size:1.25rem;}
		
	.rm2content article ul li{
		font-size:1rem; background-size:2.345%;}
		
	/* RM3 */
	.rm3content{
		background:url(../images/rm3circles-img.png) center -4rem no-repeat; background-size:100%; min-height:845px;}
		
	.rm3content .large-10{
		width:95%;}
		
	.rm3content article{
		top:-2rem;}
		
	.rm3content article img{
		width:90%;}
		
	.rm3content article img.last{
		margin-top:-6rem;
		width:80%;}
		
	.rm3content h2{
		font-size:2rem;}
		
	.rm3content p{
		font-size:1.23rem;}
		
	.rm3content h1{
		margin:1.33rem auto;
		font-size:3rem;}
		
	/* RM4 */
	.rm4content{
		background:url(../images/rm4circles-img.png) center -4rem no-repeat; background-size:100%; min-height:835px;}
		
	.rm4content article{
		top:10rem;}
		
	.rm4content article .contactinfo img{
		width:200px;}
		
	.rm4content article .contactinfo p{
		margin-left:0.45rem; font-size:1.13rem;}
		
	.rm4content article .contactus h2{
		font-weight:600; color:#9dce6b;}
		
	.rm4content article .contactus p{
		font-size:1.23rem;}
		
	.rm4content article .contactus img{
		margin:2rem auto;}
}


/* +++++++++++++++++++++++++++++++++++++++++++++++ TABLETS +++++++++++++++++++++++ */
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	body{
		background:Thistle;}
		
	/* RM1 */
	.rm1title{
		margin-top:16rem;}
		
	.feature article{
		top:2rem; left:0.5rem; width:30%;}
		
	.feature article h2{
		font-weight:400; font-size:0.75rem;}
		
	/* RM2 */		
	.rm2content{
		background:url(../images/rm2circles-img.png) center -7rem no-repeat; min-height:1253px;}
		
	.rm2content .medium-10{
		width:100%;}
		
	.rm2content article{
		top:8rem;}
		
	.rm2content .medium-6{
		width:100%;}
		
	.rm2content article h2{
		font-size:1.8rem;}
		
	.rm2content article p,
	.rm2content article h4{
		font-size:1.1rem;}
		
	.rm2content article ul li{
		background:url(../images/plus.png) 0 7px no-repeat; padding-left:16px; font-size:1rem;}
		
	/* RM3 */
	.rm3content{
		background:url(../images/rm3circles-img.png) center -11rem no-repeat; background-size:400%; min-height:2000px;}
		
	.rm3content .medium-11{
		width:100%;}
		
	.rm3content article{
		top:-2rem;}
		
	.rm3content article .medium-4{
		width:100%;}
		
	.rm3content article img{
		width:50%;}
		
	.rm3content article img.last{
		margin-top:-6rem;
		width:30%;}
		
	.rm3content h2{
		font-size:2rem; text-align:center;}
		
	.rm3content p{
		font-size:1.1rem; text-align:center; margin-bottom:0.5rem;}
		
	.rm3content h1{
		margin:2rem auto auto;
		font-size:3rem;}
		
	/* RM4 */
	.rm4content{
		background:url(../images/rm4circles-img.png) center -7rem no-repeat; min-height:1253px;}
		
	.rm4content article{
		top:17rem;}
		
	.rm4content article .contactinfo img{
		width:160px;}
		
	.rm4content article .contactinfo p{
		margin-left:0.4rem; font-size:1rem;}
		
	.rm4content article .contactus p{
		font-size:1.1rem;}
		
	.rm4content article .contactus .medium-7{
		width:100%;}
		
	.rm4content article .contactus img{
		margin:2rem auto;}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	body{
		background:LawnGreen;}
		
	/* RM1 */
	.rm1title{
		margin-top:16rem;}
			
}


/* +++++++++++++++++++++++++++++++++++++++++++++++ FIREFOX +++++++++++++++++++++++ */
@-moz-document url-prefix() {		
	/* top bar */
	.header .large-12{
		width:94%; margin:0 auto;}
		
	/* RM1 */		
	.feature a article h2{
		font-size:100%;}
		
	/* RM2 */		
	.rm2content article p,
	.rm2content article h4{
		font-size:98%;}
		
	.rm2content article ul li{
		font-size:90%; background-size:2%;}

}