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

/* ======================================================================================================= IMPORT FONTS ==================== */
/* font-family:'Ubuntu', sans-serif; */
@import 'https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i';

/* font-family:'Courgette', cursive; */
@import url('https://fonts.googleapis.com/css?family=Courgette');

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

/* font awesome */
@import url(fonts/font-awesome.css);


/* ======================================================================================================= TRANSITIONS ==================== */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.fa,
.menu-icon,
.ap ul li a img,
.ap ul li a 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;}


/* ~~~~~~ SCROLL TO TOP */
.scrolltop{
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0.33rem;
	right:0.33rem;
	z-index:2000;}

.scroll{
	position:absolute;
	right:0.25rem;
	bottom:0.25rem;
	background:rgba(178, 178, 178, 0.5);
	padding:0 0.33rem;
	text-align:center;
	margin:0 0 0 0;
	cursor:pointer;
	letter-spacing:0;}
	
.scroll .fa{color:white;}

.scroll:hover{
	background:HotPink;}

.scroll:hover .fa{color:white;}

.scroll .fa{
	font-size:30px;}
	
.thetop{position:absolute; top:-125px;}


/* ~ links ~ */
body.home section.top-bar-section ul li:nth-child(1) a,
body.web section.top-bar-section ul li:nth-child(2) a,
body.ecom section.top-bar-section ul li:nth-child(3) a,
body.mark section.top-bar-section ul li:nth-child(4) a,
body.seo section.top-bar-section ul li:nth-child(5) a,
body.inn section.top-bar-section ul li:nth-child(6) a{color:#cce63a;}
body.home section.top-bar-section ul li:nth-child(1) a:hover,
body.web section.top-bar-section ul li:nth-child(2) a:hover,
body.ecom section.top-bar-section ul li:nth-child(3) a:hover,
body.mark section.top-bar-section ul li:nth-child(4) a:hover,
body.seo section.top-bar-section ul li:nth-child(5) a:hover,
body.inn section.top-bar-section ul li:nth-child(6) a:hover{color:#cce63a; cursor:url(../images/greendot.gif), auto;}



/* ======================================================================================================= HEADER/TOPBAR ==================== */
body{padding-top:125px;}
header{background:rgba(255,255,255,1); height:125px; position:fixed; top:0; transition:all 0.4s ease-in-out; width:100%; z-index:2000; box-shadow:0 0 5px rgba(0,0,0,0.5);}
.nav-up{top:-125px;}

.top-bar{text-align:center;}
.menu-icon{padding-top:2rem;}

ul.contacts li{display:inline-block; position:absolute; top:2rem;}
ul.contacts li:first-child{left:0;}
ul.contacts li:last-child{right:0;}
ul.contacts li .fa{font-size:1rem;}
ul.contacts li a .fa{color:#ccc;}
ul.contacts li a{color:#999;}
ul.contacts li a:hover .fa{color:#cce63a;}
ul.contacts li a:hover{color:#2a2765;}

.logo{width:192px; height:auto; margin:0.33rem auto;}
ul.center-buttons{display:inline-block;}


/* ======================================================================================================= BLOCKS ==================== */
/* ~ orange block ~ */
.ob{background:#ff6d3a url(../images/blockimg1.png) 0 0 no-repeat; height:auto; /*min-height:600px;*/ color:rgba(255,255,255,1);}
.ob h2{font-weight:700; text-transform:uppercase; color:#2a2765; margin-bottom:0;}
.ob h2 span{color:#cce63a;}
.ob p{line-height:1.33rem;}
.ob .button{padding:0.6215rem 1rem; text-transform:uppercase; background:rgba(255,255,255,0); border:2px solid rgba(255,255,255,1); margin-left:5px;}
.ob .button span::after{content:' '; padding-left:0px; transition:all 0.15s ease-in-out; color:rgba(255,109,58,0);}
.ob .button:hover{background:rgba(255,255,255,1); color:#ff6d3a;}
.ob .button:hover span::after{content:'>'; padding-left:5px; color:rgba(255,109,58,1);}

/* ~ blue block ~ */
.bb{background:#2a2765 url(../images/blockimg2.png) 0 0 no-repeat; height:auto; min-height:280px; color:rgba(255,255,255,1);}
.bb h2{font-weight:700; text-transform:uppercase; color:#ff6d3a; margin-bottom:0;}
.bb h2 span{color:#cce63a;}
.bb p{line-height:1.33rem;}
.bb .button{padding:0.6215rem 1rem; text-transform:uppercase; background:rgba(255,255,255,0); border:2px solid rgba(255,255,255,1); margin-left:5px;}
.bb .button span::after{content:' '; padding-left:0px; transition:all 0.15s ease-in-out; color:rgba(42,39,101,0);}
.bb .button:hover{background:rgba(255,255,255,1); color:#2a2765;}
.bb .button:hover span::after{content:'>'; padding-left:5px; color:rgba(42,39,101,1);}

/* ~ green block ~ */
.gb{background:#64af32 url(../images/blockimg3.png) 0 0 no-repeat; height:auto; min-height:280px; color:rgba(255,255,255,1);}
.gb h2{font-weight:700; text-transform:uppercase; color:#2a2765; margin-bottom:0;}
.gb h2 span{color:#cce63a;}
.gb p{line-height:1.33rem;}
.gb .button{padding:0.6215rem 1rem; text-transform:uppercase; background:rgba(255,255,255,0); border:2px solid rgba(255,255,255,1); margin-left:5px;}
.gb .button span::after{content:' '; padding-left:0px; transition:all 0.15s ease-in-out; color:rgba(100,175,50,0);}
.gb .button:hover{background:rgba(255,255,255,1); color:#64af32;}
.gb .button:hover span::after{content:'>'; padding-left:5px; color:rgba(100,175,50,1);}


/* ======================================================================================================= PINCHED SECTION ==================== */
/* ~ bp ~ */
.bp{width:100%; padding-top:2rem; padding-bottom:1.25rem; background:rgba(255,255,255,1); color:#2a2765; text-align:center;}
.bp p{font-size:1.2875rem; line-height:1.6rem; font-weight:300;}
/* ~ pinched ~ */
.pinched{background:url(../images/pinchbg.png) center top repeat-x; height:50px; z-index:1;}
/* ~ ap ~ */
.ap{width:100%; background:rgba(255,255,255,1); padding-top:40px; margin-top:-50px; z-index:0; background:-webkit-linear-gradient(#f1f1f1, #f9f9f9, #fcfcfc); padding-bottom:1rem;}
.ap h2{text-align:center; color:#2a2765; text-transform:uppercase; font-weight:700;}
.ap ul li a img{margin-bottom:0.25rem;}
.ap ul li a:hover img{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.ap ul li a h2{font-size:1.1rem; line-height:1.1rem;}
.ap ul li a:hover h2{/*color:#2e27b4;*/ color:#1f7fa7;}


/* ======================================================================================================= COLOR PATCHES ==================== */
.op{background:#ff6d3a; text-align:center; padding-top:1.5rem; padding-bottom:1.5rem; color:rgba(255,255,255,1);}
.op h2{font-size:2rem; line-height:2rem;}
.op p{font-size:0.9875rem; line-height:1.33rem;}
.op .button{padding:0.6215rem 1rem; text-transform:uppercase; background:#64af32; border:2px solid rgba(255,255,255,1); margin-left:0.5rem; margin-right:0.5rem; width:230px;}
.op .button.ow{background:#2a2765;}
.op .button:hover{background:rgba(255,255,255,0); color:#fff; border:2px solid rgba(255,255,255,1);}
/* ~ */
.dbp{background:#1c194d; text-align:center; padding-top:1.5rem; padding-bottom:1.25rem; color:rgba(255,255,255,1);}
.dbp h3{font-size:1.235rem;}
/* ~ */
.gp{background:#64af32; text-align:center; padding-top:1.5rem; padding-bottom:1.5rem; color:rgba(255,255,255,1);}
.gp h2{font-size:2rem; line-height:2rem;}
.gp p{font-size:0.9875rem; line-height:1.33rem;}
/* ~ */
.bluep{background:#2a2765; text-align:center; padding-top:1.5rem; padding-bottom:1.5rem; color:rgba(255,255,255,1);}
.bluep h2{font-size:2rem; line-height:2rem;}
.bluep p{font-size:0.9875rem; line-height:1.33rem;}


/* ======================================================================================================= MCA ==================== */
.mca{background:-webkit-linear-gradient(#f1f1f1, #f9f9f9, #fcfcfc); padding-top:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid rgba(0,0,0,0.25);}
.mca h2{/*font-size:2rem;*/ text-align:center; margin-bottom:0; padding-bottom:0; color:#999;}
.mca h3{font-family:'Courgette', cursive; text-align:center; margin-top:-10px; padding-top:0; margin-bottom:2rem; font-weight:normal; /*font-size:1.23rem;*/ color:#999;}

/* ~ gray bg (not always gray — it changes colors) ~ */
.graybg{background:#2a2765; padding-top:1.5rem; padding-bottom:1.5rem; border-top:1px solid rgba(255,255,255,0.75); color:rgba(255,255,255,1);}
.graybg h2{/*font-size:2rem;*/}
.graybg .lh{border-right:1px dashed rgba(255,255,255,0.4); padding-right:3rem;}
.graybg .rh{padding-left:3rem;}
.graybg p{line-height:1.35rem;}
.graybg ul{margin:0; padding:0;}
.graybg ul li{display:inline; margin-right:8px; text-transform:uppercase;}
.graybg ul li:after{content:'•'; padding-left:10px; color:#cce63a;}
.graybg ul li:last-child:after{display:none;}

/* ~ lglist ~ */
.lglist{list-style:none; margin:0; padding:0;}
.lglist li{background:url(../images/greendash.gif) 0 12px no-repeat; padding-left:20px; /*font-size:1.165rem;*/ margin-bottom:8px; font-weight:300;}

/* ~ panel ~ */
.panel h2{/*font-size:1.45rem;*/ text-align:left;}
/*.row .panel:nth-child(1){}
.row .panel:nth-child(2){}
.row .panel:nth-child(3){}*/


/* ======================================================================================================= FOOTER ==================== */
footer{background:black; padding-top:2.34rem; padding-bottom:2rem; text-align:center;}
footer ul{margin:0; list-style:none;}
footer ul li{display:inline-block; color:rgba(255,255,255,1); text-transform:uppercase; padding:0 0.5rem; font-size:0.85rem;}
footer ul li:first-child,
footer ul li:last-child{text-transform:none; padding:0 2rem;}
footer ul li:first-child{font-weight:700; font-size:0.95rem;}
footer ul li a{color:rgba(255,255,255,1);}
footer ul li a:hover{color:rgba(255,255,255,0.5);}



/* ======================================================================================================= MQ ==================== */
/* +++++++++++++++++++++++++++++++++++++++++++++++ Small Screens +++++++++++++++++++++++ */
@media only screen and (max-width: 40em) {
    body{
		background:YellowGreen;}
		
	/* HEADER */
	body{padding-top:64px;}
	header{height:64px;}
	.nav-up{top:-64px;}
	/* topbar */
	.top-bar{height:4rem; line-height:4rem;}
	.menu-icon{padding-top:1.8rem;}
	ul.contacts li{top:1.2rem;}
	ul.contacts li:first-child{left:1rem;}
	ul.contacts li:last-child{left:2.7rem; right:auto;}
	ul.contacts li a .fa{color:#ccc;}
	ul.contacts li a:hover .fa{color:#cce63a;}
	.logo{width:62px; margin-top:-0.25rem;}
	
	/* PINCHED SECTION */
	.bp{padding-top:1.5rem; padding-bottom:1rem;}
	.bp p{font-size:1.05rem; line-height:1.33rem; font-weight:400;}
	
	/* MCA */
	/* ~ headings ~ */
	h2{line-height:1;}
	.graybg .lh{border-right:none; padding-left:1rem; padding-right:1rem;}
	.graybg .rh{ padding-left:1rem; padding-right:1rem;}
	/* ~ lglist ~ */
	.lglist{margin-top:10px;}
	.lglist li{background:url(../images/greendash.gif) 0 11px no-repeat; padding-left:20px; font-size:1.125rem; margin-bottom:7px; font-weight:300;}
	
	/* FOOTER */
	footer{padding-top:2.34rem; padding-bottom:2rem; text-align:center;}
	footer ul li{padding:0 0.25rem; font-size:0.975rem;}
	footer ul li:first-child,
	footer ul li:last-child{text-transform:none; padding:0.25rem 0; display:block;}
	footer ul li:first-child{font-weight:700; font-size:1.23rem;}
	footer ul li a{color:rgba(255,255,255,1);}
	footer ul li a:hover{color:rgba(255,255,255,0.5);}
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 40em) and (orientation: portrait) {
    body{
		background:DarkSlateBlue;}
		
	/* BLOCKS */
	/* ~ orange block ~ */
	.ob{background:#ff6d3a url(../images/blockimg1.png) 50% 1rem no-repeat; padding-left:0.75rem; padding-top:11.5rem; text-align:center; min-height:auto; background-size:60%;}
	/* ~ blue block ~ */
	.bb{background:#2a2765 url(../images/blockimg2-2.png) 50% 1.23rem repeat-x; padding-left:0.75rem; padding-right:0.75rem; text-align:center; background-size:74%; padding-top:5rem; min-height:auto;}
	/* ~ green block ~ */
	.gb{background:#64af32 url(../images/blockimg3-2.png) 50% 1rem no-repeat; padding-left:0.64rem; padding-right:0.64rem; text-align:center; background-size:30%; padding-top:5.25rem; min-height:auto;}
	
	/* PINCHED SECTION */
	.ap ul.small-block-grid-2 > li{list-style:none; width:100%; margin-bottom:0.5rem; text-align:center}
	.ap ul.small-block-grid-2 > li img{width:80%; margin-bottom:0;}
	.ap ul.small-block-grid-2 > li h2{/*font-size:1.15rem;*/}
	
	/* MCA */
	ul.small-block-grid-2 > li{list-style:none; width:100%;}
				
} /* 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;}
		
	/* BLOCKS */
	/* ~ orange block ~ */
	.ob{background:#ff6d3a url(../images/blockimg1.png) 50% 1rem no-repeat; padding-left:0.75rem; padding-top:17rem; text-align:center; background-size:60%; height:auto; min-height:auto; padding-bottom:0;}
	/* ~ blue block ~ */
	.bb{padding-left:7.5rem; padding-right:0.75rem; text-align:center; padding-top:1.25rem; height:auto; min-height:auto;}
	/* ~ green block ~ */
	.gb{padding-left:15rem; padding-right:0.75rem; text-align:center; background-size:82%; padding-top:1.75rem; background-position:0 50%; height:auto; min-height:auto;}
	
	/* PINCHED SECTION */
	.ap ul.small-block-grid-2 > li{text-align:center}
	.ap ul.small-block-grid-2 > li img{width:80%; margin-bottom:0;}
				
} /* orientation: landscape | max-width 640px, mobile-only styles, use when QAing mobile issues */

/* +++++++++++++++++++++++++++++ Small Screens/DEVICE SPECIFIC (iphone 6, iphone 6+, fixes Nexus 6 | reads medium queries) +++++++++++++++++++++++ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    /* BLOCKS */
	.blocks .medium-6{width:100%;}
	
	/* PINCHED SECTION */
	.ap ul.medium-block-grid-3 > li{text-align:center;}
	.ap ul.medium-block-grid-3 > li img{width:80%; margin-bottom:0;}
	.ap ul.medium-block-grid-3 > li h2{font-size:1rem;}
	
	/* MCA */
	/* ~ medium-block-grid-3 ~ */
	ul.medium-block-grid-3 > li{list-style:none; width:50%;}
	ul.medium-block-grid-3 > li:nth-of-type(1n){clear:none;}
    ul.medium-block-grid-3 > li:nth-of-type(2n+1){clear:both;}
	/* ~ graybg ~ */
	.graybg .lh{border-right:none; padding-left:1rem; padding-right:1rem; width:100%;}
	.graybg .rh{ padding-left:1rem; padding-right:1rem; width:100%;}
	/* ~ ecommerce ~ */
	.ecommerce .medium-5{width:100%;}
	.ecommerce .medium-6{width:100%;}
	.ecommerce .medium-push-1{left:auto; right:auto; margin-bottom:30px;}
		
} /* orientation: landscape | iphone 6 */

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    /* BLOCKS */
	.blocks .medium-6{width:100%;}
	
	/* PINCHED SECTION */
	.ap ul.medium-block-grid-3 > li{text-align:center;}
	.ap ul.medium-block-grid-3 > li img{width:80%; margin-bottom:0;}
	.ap ul.medium-block-grid-3 > li h2{font-size:1rem;}
	
	/* MCA */
	/* ~ medium-block-grid-3 ~ */
	ul.medium-block-grid-3 > li{list-style:none; width:50%;}
	ul.medium-block-grid-3 > li:nth-of-type(1n){clear:none;}
    ul.medium-block-grid-3 > li:nth-of-type(2n+1){clear:both;}
	/* ~ graybg ~ */
	.graybg .lh{border-right:none; padding-left:1rem; padding-right:1rem; width:100%;}
	.graybg .rh{ padding-left:1rem; padding-right:1rem; width:100%;}
	/* ~ ecommerce ~ */
	.ecommerce .medium-5{width:100%;}
	.ecommerce .medium-6{width:100%;}
	.ecommerce .medium-push-1{left:auto; right:auto; margin-bottom:30px;}
	
} /* orientation: landscape | iphone 6+ */

/* +++++++++++++++++++++++++++++ Small Screens/DEVICE SPECIFIC (Nexus 7, Blackberry PlayBook) +++++++++++++++++++++++ */
@media only screen and (min-device-width : 600px) and (max-device-width : 735px) and (orientation : portrait) {
	/* BLOCKS */
	/* ~ orange block ~ */
	.ob{background:#ff6d3a url(../images/blockimg1.png) 50% 1rem no-repeat; padding-left:0.75rem; padding-top:17rem; text-align:center; min-height:auto; background-size:60%;}
	/* ~ blue block ~ */
	.bb{background:#2a2765 url(../images/blockimg2-2.png) 50% 1.23rem repeat-x; padding-left:0.75rem; padding-right:0.75rem; text-align:center; background-size:74%; padding-top:7rem; min-height:auto;}
	/* ~ green block ~ */
	.gb{background:#64af32 url(../images/blockimg3-2.png) 50% 1rem no-repeat; padding-left:0.64rem; padding-right:0.64rem; text-align:center; background-size:30%; padding-top:10rem; min-height:auto;}
} /* orientation: portrait | nexus 7, blackberry playbook */

/* +++++++++++++++++++++++++++++++++++++++++++++++ Medium Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	body{
		background:Pink;}  /*my screen size 2 (FF)*/
		
	/* HEADER */
	body{padding-top:72px;}
	header{height:72px;}
	.nav-up{top:-72px;}		
	/* topbar */
	.top-bar{height:4.5rem; line-height:4.5rem;}
	.menu-icon{padding-top:2.3rem;}
	ul.contacts li{top:1.7rem;}
	ul.contacts li:first-child{left:1rem;}
	ul.contacts li:last-child{left:2.7rem; right:auto;}
	ul.contacts li a .fa{color:#ccc;}
	ul.contacts li a:hover .fa{color:#cce63a;}
	.logo{width:82px; margin-top:-0.25rem;}
	
	/* PINCHED SECTION */
	.bp p{font-size:1.2rem; line-height:1.6rem; font-weight:300;}
	
	/* COLOR PATCHES */
	/* ~ dbp ~ */
	.dbp h3{font-size:1.235rem; font-weight:300;}
	
	/* MCA */
	/* ~ lglist ~ */
	.lglist{margin-top:-10px;}
	.lglist li{background:url(../images/greendash.gif) 0 11px no-repeat; padding-left:20px; font-size:1.145rem; margin-bottom:7px; font-weight:300;}
	
	/* FOOTER */
	footer{padding-top:2.34rem; padding-bottom:2rem; text-align:center;}
	footer ul li{padding:0 0.25rem; font-size:0.8rem;}
	footer ul li:first-child,
	footer ul li:last-child{text-transform:none; padding:0.25rem 0; display:block;}
	footer ul li:first-child{font-weight:700; font-size:1.17rem;}
	footer ul li a{color:rgba(255,255,255,1);}
	footer ul li a:hover{color:rgba(255,255,255,0.5);}
		
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
	body{
		background:Crimson;}
		
	/* BLOCKS */
	.blocks .medium-6{width:100%;}
	/* ~ orange block ~ */
	.ob{background:#ff6d3a url(../images/blockimg1.png) 50% 1rem no-repeat; padding-left:0.75rem; padding-top:20rem; text-align:center; min-height:auto;}
	/* ~ blue block ~ */
	.bb{padding-left:7.5rem; padding-right:0.75rem; text-align:center; padding-top:2rem;}
	/* ~ green block ~ */
	.gb{padding-left:22rem; padding-right:3rem; text-align:center; background-size:82%; padding-top:3rem; background-position:0 50%;}
	
	/* MCA */
	/* ~ ecommerce ~ */
	.ecommerce .medium-5{width:100%;}
	.ecommerce .medium-6{width:100%;}
	.ecommerce .medium-push-1{left:auto; right:auto;}
	/* ~ lglist ~ */
	.lglist{margin-top:10px;}
	
} /* orientation: portrait | min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
	body{
		background:Olive;}
		
	/* BLOCKS */
	/* ~ orange block ~ */
	.ob{background:#ff6d3a url(../images/blockimg1.png) 70% 1rem no-repeat; padding-left:0.75rem; padding-top:20rem; text-align:center;}
	/* ~ blue block ~ */
	.bb{padding-left:7.5rem; padding-right:0.75rem; text-align:center;}
	/* ~ green block ~ */
	.gb{padding-left:13rem; padding-right:0.75rem; text-align:center; background-size:93%; padding-top:3rem; background-position:0 50%;}
	
} /* orientation: landscape | min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ Large Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    body{
		background:LightGrey;} /* my screen size 2 (IE) */
		
	/* BLOCKS */
	/* ~ orange block ~ */
	.ob{background:#ff6d3a url(../images/blockimg1.png) 70% 1rem no-repeat; padding-left:inherit; padding-top:20rem; text-align:center;}
	/* ~ blue block ~ */
	.bb{padding-left:8rem; padding-right:1rem; text-align:center;}
	/* ~ green block ~ */
	.gb{padding-left:17rem; padding-right:1rem; text-align:center; background-size:93%; padding-top:3rem; background-position:0 50%;}
			
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ XLarge Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    body{
		background:SlateGrey;} /* my screen size 1 */
		
	/* BLOCKS */
	/* ~ orange block ~ */
	.ob{background:#ff6d3a url(../images/blockimg1.png) 70% 1rem no-repeat; padding-left:14rem; padding-top:20rem; text-align:center;}
	/* ~ blue block ~ */
	.bb{padding-left:8rem; padding-right:7rem; text-align:center;}
	/* ~ green block ~ */
	.gb{padding-left:20rem; padding-right:8rem; text-align:center;}
	
	/* PINCHED SECTION */
	/* ~ bp words ~ */
	.bp .large-10{width:64.66667%;}
	/* ~ ap ul ~ */
	.ap .large-12{width:83.33333%;}
	
	/* COLOR PATCHES */
	.op .large-12{width:73.33333%;}
	.gp .large-12{width:73.33333%;}
	.bluep .large-12{width:73.33333%;}
	
	/* MCA */
	.mca .large-12{width:73.33333%;}
	.graybg .large-12{width:73.33333%;}
		
} /* 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;}
		
	/* HEADER */
	nav .large-8{width:40%;}
		
	/* BLOCKS */
	/* ~ orange block ~ */
	.ob{background:#ff6d3a url(../images/blockimg1.png) 80% 1rem no-repeat; padding-left:26rem; padding-right:2rem; padding-top:20rem; text-align:center;}
	/* ~ blue block ~ */
	.bb{padding-left:8rem; padding-right:25rem; text-align:center; padding-top:1.5rem;}
	/* ~ green block ~ */
	.gb{padding-left:21rem; padding-right:25rem; text-align:center; padding-top:2rem;}
	
	/* PINCHED SECTION */
	/* ~ bp words ~ */
	.bp .large-10{width:56.66667%;}
	/* ~ ap ul ~ */
	.ap .large-12{width:73.33333%;}
	
	/* COLOR PATCHES */
	.op .large-12{width:73.33333%;}
	.gp .large-12{width:73.33333%;}
	.bluep .large-12{width:73.33333%;}
	
	/* MCA */
	.mca .large-12{width:73.33333%;}
	.graybg .large-12{width:73.33333%;}
		
} /* min-width 1921px, xxlarge screens */

/* +++++++++++++++++++++++++++++++++++++++++++++++ FIREFOX +++++++++++++++++++++++ */
@-moz-document url-prefix() {

}