@charset "UTF-8";
/* CSS structure */
/*test*/
headerone{
	position:absolute;
   margin: auto;
  position: absolute;
  top: 50%; left: 0; bottom: 0; right: 0;
  color: white;
}
h1.top {
   font-family: 'Helvetica', sans-serif;
  font-weight: 700;
    text-transform: uppercase;
  text-align: center;
  color:#DB181C;
  font-size:80px;
  white-space: nowrap;
  text-shadow:1px 1px #FFFFFF;
 
}
p.top {
  margin: 0;
  font-size: 40px;
  color:#000000;
  text-align: center;
  text-shadow:1px 1px #FFFFFF;
}
/*top image*/
.image-wrap {
	 max-height: 1050px;
	 min-height:700px;
    overflow: hidden;
    max-width: 100%;       
    -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
 
    .image-wrap img {
		min-height:700px;
		 width: 100%;
        -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out;  /* FF4+ */
        -ms-transition: margin-top .5s ease-out;  /* IE10? */
        -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
        transition: margin-top .5s ease-out;
    }
     
@media only screen and (min-width: 1160px) {
    .image-wrap { max-width: 100%; }
}
/*vertical lines*/
 hr.vertical {
	 display:block;
	 float:left;
	 margin-top:10px;
	 margin-bottom:40px;
  border : 0;
  height : 340px; /*your own value to suit your content*/
  width : 1px;
  background-image: -webkit-linear-gradient(top, #FFFFFF, #DB181C, #FFFFFF);
  background-image: -moz-linear-gradient(top, #FFFFFF, #DB181C, #FFFFFF);
  background-image: -ms-linear-gradient(top, #FFFFFF, #DB181C, #FFFFFF);
  background-image: -o-linear-gradient(top, #FFFFFF, #DB181C, #FFFFFF);
  background-image: linear-gradient(top, #FFFFFF, #DB181C, #FFFFFF);
}
hr.verticalwhite {
	 display:block;
	 float:left;
	 margin-top:20px;
	 margin-bottom:20px;
  border : 0;
  height : 480px; /*your own value to suit your content*/
  width : 1px;
  background-image: -webkit-linear-gradient(top, #DB181C, #ffffff, #DB181C);
  background-image: -moz-linear-gradient(top, #DB181C, #ffffff, #DB181C);
  background-image: -ms-linear-gradient(top, #DB181C, #ffffff, #DB181C);
  background-image: -o-linear-gradient(top, #DB181C, #ffffff, #DB181C);
  background-image: linear-gradient(top, #DB181C, #ffffff, #DB181C);
}
img.center {
	margin-top:30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*leftside logo*/
img.centerleftside {
	margin-top:5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.centered {
    text-align: center;  
	color:#DB181C;  
}
header {
	height:300px;
  color:#DB181C;
  text-align: center;
}
h1.topimg {
	 font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  text-align: center;
  color:#ffffff;
  font-size:100px;
  white-space: nowrap;
 
}
p.topimg {
	 font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  margin: 0;
  font-size: 1.5rem;
}
/*qoutes*/
h1.qoutes {
	 font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  margin-top:40px;
  text-transform: uppercase;
  text-align: center;
  color:#ffffff;
  font-size:35px;
  white-space: nowrap;
 
}
p.qoutes {
	 font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  margin: 0;
  font-size: 1rem;
}
q.blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
/*margin top*/
* {
   margin: 0px;
   padding: 0px;
   /*body structure*/
}
body {
	margin-top: 0px;
    background-color: ;
	width:100%;

}
#logo{
background:#000000;
 height:40px;
  width:100%;
}
#one{
 height:100vh;
  background-color: #000000;
  width:100%;
}
#two{
 height:400px;
  background-color: #ffffff;
  width:100%;
}
#three{
 height:460px;
  background-color: #20E7F9;
  width:100%;
}
/*kontakt*/
#four{
 height:650px;
  background-color: #B0F1F6;
  width:100%;
}
#six{
 /*height:850px;*/
  background-color: #000000;
  width:100%;
  float:left;
}
#five{
 height:400px;
  background-color: #ffffff;
  width:100%;
}
/*end kontakt*/
#quotes{
 height:400px;
  background-color:#000000;
  width:100%;
  float:left;
}
/*font*/
body{
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;
}
/*copyright text*/
p.copy {
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 20px; 
  text-align:center;
  color:#949191;
}
/*phonenumber text*/
p.paddingbulletsphone {
	color:#FCFAFA;
	font-size:18px;
	line-height: 150%;
    padding-top: 5px;
    padding-right: 100px;
    padding-bottom: 0px;
    padding-left: 100px;
}
/*leftside txt*/
a.leftside {
  text-transform: uppercase;
  font-size: 0.7rem;
  line-height: 20px; 
  text-align:center;
  color:#ffffff;
}
/*buttons*/
a:hover {
    color: #DB181C;}
	

/*text quotes*/
head {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
}
/*padding*/
p.paddingwhite {
	line-height: 150%;
	font-size:16px;
    padding-top: 25px;
    padding-right: 100px;
    padding-bottom: 25px;
    padding-left: 100px;
	color:#FCFAFA;
}
p.padding {
	line-height: 150%;
	font-size:16px;
    padding-top: 25px;
    padding-right: 100px;
    padding-bottom: 25px;
    padding-left: 100px;
}
p.paddingbullets {
	color:#FCFAFA;
	font-size:16px;
	line-height: 150%;
    padding-top: 5px;
    padding-right: 100px;
    padding-bottom: 0px;
    padding-left: 100px;
}
h2.padding {
    padding-top: 5px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;
}
/*two column grid*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	padding-top:45px;
	padding-bottom:25px;
	width: 50%;
	background-color:#ffffff;
	height:380px;
}
.span_1_of_2 {
	padding-top:45px;
	padding-bottom:25px;
	width: 50%;
	background-color:#FFFFFF;
	height:380px;
	
}
.span_3_of_2 {
	padding-top:45px;
	padding-bottom:25px;
	width: 50%;
	background-color:#DB181C;
	height:520px;
}
.span_4_of_2 {
	padding-top:45px;
	padding-bottom:25px;
	width: 50%;
	background-color:#DB181C;
	height:520px;
}
/*two column grid fonts*/
h2.white {
  text-transform: uppercase;
  margin-left: 100px;
  color:#FCFAFA;
  font-size: 2rem;
  white-space: nowrap;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
}
h2 {
  text-transform: uppercase;
  margin-left: 0px;
  font-size: 2rem;
  white-space: nowrap;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  color:#838282;
}
h3 {
	color:#FCFAFA;
	padding-top:25px;
  text-transform: uppercase;
  margin-left: 100px;
  font-size: 1.2rem;
  white-space: nowrap;
}
/*scroll down arrow*/
img.print
{
position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-70%, -50%);
}
/*logo*/
.tag {
	position:fixed;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color:;
	height: 30px;
    top: 40px;
	z-index:9999;
}
img.logo {
	display:block;
    margin-left: auto;
    margin-right: auto;
	width:158px;
    background-color:;
	height: 50px;
    top: 40px;
	z-index:9999;
}
/*telephone numbers*/
.appleLinks a {color:#DB181C;}
.appleLinksWhite a {color:#ffffff;}
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}
@media screen and (min-width : 592px) and (max-width : 768px) {
	/*top image*/
.image-wrap {
	 max-height: 1460px;
	 min-height:900px;
    overflow: hidden;
    max-width: 100%;       
    -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
 
    .image-wrap img {
		min-height:900px;
		 width: 100%;
        -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out;  /* FF4+ */
        -ms-transition: margin-top .5s ease-out;  /* IE10? */
        -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
        transition: margin-top .5s ease-out;
    }
		/*top img font*/
h1.top {
   font-family: 'Helvetica', sans-serif;
  font-weight: 700;
  margin-top:-40px;
  text-transform: uppercase;
  text-align: center;
  color:#DB181C;
  font-size:70px !important;
  white-space: nowrap;
  text-shadow:1px 1px #FFFFFF;
 
}
p.top {
  margin: 0;
  font-size: 25px;
  color:#000000;
  text-align: center;
  text-shadow:1px 1px #FFFFFF;
}
	.span_2_of_2, .span_1_of_2, .span_3_of_2, .span_4_of_2{ width: 50%;
}
.span_2_of_2 {
	width: 50%;
	background-color:#FFFFFF;
	height:520px;
}
.span_1_of_2 {
	width: 50%;
	background-color:#FFFFFF;
	height:520px;
}
.span_3_of_2 {
	width: 50%;
	background-color:#DB181C;
	height:520px;
}
.span_4_of_2 {
	width: 50%;
	background-color:#DB181C;
	height:520px;
}

p.paddingbullets {
	line-height: 150%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
h3 {
	padding-top:25px;
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 1.2rem;
  white-space: nowrap;
}
p.paddingwhite {
    padding-top: 25px;
    padding-right: 45px;
    padding-bottom: 25px;
    padding-left: 20px;
}
h2.white {
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 2rem;
  white-space: nowrap;
}
p.paddingbulletsphone {
	color:#FCFAFA;
	font-size:18px;
	line-height: 150%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media screen and (min-width : 480px) and (max-width : 592px) {
	/*top image*/
.image-wrap {
	 max-height: 1024px;
	 min-height:592px;
    overflow: hidden;
    max-width: 100%;       
    -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
 
    .image-wrap img {
		min-height:592px;
		 width: 100%;
        -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out;  /* FF4+ */
        -ms-transition: margin-top .5s ease-out;  /* IE10? */
        -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
        transition: margin-top .5s ease-out;
    }
     
	/*top img font*/
h1.top {
   font-family: 'Helvetica', sans-serif;
  font-weight: 700;
  margin-top:20px;
  text-transform: uppercase;
  text-align: center;
  color:#DB181C;
  font-size:50px!important;
  white-space: nowrap;
  text-shadow:1px 1px #FFFFFF;
 
}
p.top {
  margin: 0;
  font-size: 35px;
  color:#000000;
  text-align: center;
  text-shadow:1px 1px #FFFFFF;
}
	h1.qoutes {
	 font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  margin-top:20px;
  text-transform: uppercase;
  text-align: center;
  color:#ffffff;
  font-size:24px !important;
  white-space: nowrap;
 
}
	/*two column grid*/
h2 {
  text-transform: uppercase;
  margin-left: 0px;
  font-size: 2rem;
  white-space: nowrap;
}
h3 {
	padding-top:25px;
  text-transform: uppercase;
  margin-left: 25px;
  font-size: 1.2rem!important;
  white-space: nowrap;
}
p.paddingbullets {
	line-height: 150%;
    padding-top: 5px;
    padding-right: 50px;
    padding-bottom: 0px;
    padding-left: 25px;
}
p.padding {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
p.paddingwhite {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
h2.white {
  text-transform: uppercase;
  margin-left: 25px;
  font-size: 2rem;
  white-space: nowrap;
}
.span_2_of_2, .span_1_of_2, .span_3_of_2, .span_4_of_2{ width: 100%;
}
.span_2_of_2 {
	width: 100%;
	background-color:#FFFFFF;
	height:400px;
}
.span_1_of_2 {
	width: 100%;
	background-color:#FFFFFF;
	height:400px;
	border-bottom: 1px solid #DB181C;
}
.span_3_of_2 {
	width: 100%;
	background-color:#DB181C;
	height:190px;
	border-bottom: 1px solid #ffffff;
}
.span_4_of_2 {
	width: 100%;
	background-color:#DB181C;
	height:480px!important;
}
p.paddingbulletsphone {
	color:#FCFAFA;
	font-size:18px;
	line-height: 150%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
	}
@media only screen and (max-width: 480px) {
	/*top image*/
.image-wrap {
	 max-height: 800px;
	 min-height:700px;
    overflow: hidden;
    max-width: 100%;       
    -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
 
    .image-wrap img {
		min-height:700px;
		 width: 100%;
        -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out;  /* FF4+ */
        -ms-transition: margin-top .5s ease-out;  /* IE10? */
        -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
        transition: margin-top .5s ease-out;
    }
	
	/*nav effect*/
	.nav-collapse a:active,
.nav-collapse .active a {
  background:#DB181C ;
  font-weight:700;

}
	#miljo{
 padding-top:25px;
}
	.col { 
		margin: 0%;
		}
	.span_2_of_2, .span_1_of_2, .span_3_of_2, .span_4_of_2{ width: 100%;
}
.span_2_of_2 {
	width: 100%;
	background-color:#FFFFFF;
	height:380px;
}
.span_1_of_2 {
	width: 100%;
	background-color:#FFFFFF;
	height:380px;
	border-bottom: 1px solid #DB181C;
}
.span_3_of_2 {
	width: 100%;
	background-color:#DB181C;
	height:260px;
	border-bottom: 1px solid #ffffff;
}
.span_4_of_2 {
	width: 100%;
	background-color:#DB181C;
	height:520px!important;
}
/*kontakt*/
#four{
	float:left;
 height:650px;
  background-color: #B0F1F6;
  width:100%;
}
/*fonts*/
/*copyright text*/
p.copy {
  text-transform: uppercase;
  font-size: 0.6rem;
  line-height: 20px; 
  text-align:center;
  color:#949191;
}
/*two column grid*/
h2.white {
  text-transform: uppercase;
  margin-left: 25px;
  font-size: 2rem;
  white-space: nowrap;
}
h2 {
  text-transform: uppercase;
  margin-left: 0px;
  font-size: 2rem;
  white-space: nowrap;
}
h3 {
	padding-top:25px;
  text-transform: uppercase;
  margin-left: 25px;
  font-size: 0.9rem;
  white-space: nowrap;
}
p.paddingbullets {
	line-height: 150%;
    padding-top: 5px;
    padding-right: 50px;
    padding-bottom: 0px;
    padding-left: 25px;
}
p.padding {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
p.paddingwhite {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
/*quotes*/
#quotes{
	float:left;
	height:500px;
    background-color: #000000;
    width:100%;
}
p.quotes {
  margin-top: -120px;
  font-size: 1rem;
  color:#34F904;
  text-shadow: 1px 1px #FFFFFF;
  text-align:center;
  font-style:italic;
}
q.blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
	text-transform: uppercase;
  vertical-align: middle;  
  font-size: 1.3rem;
  white-space: nowrap;
  text-shadow: 1px 1px #FFFFFF;
  text-align:center;
  color:#01E4F8;
}
/*top img font*/
h1.top {
   font-family: 'Helvetica', sans-serif;
  font-weight: 700;
  margin-top:20px;
  text-transform: uppercase;
  text-align: center;
  color:#DB181C;
  font-size:40px !important;
  white-space: nowrap;
  text-shadow:1px 1px #FFFFFF;
 
}
p.top {
  margin: 0;
  font-size: 20px;
  color:#000000;
  text-align: center;
  text-shadow:1px 1px #FFFFFF;
}
/*vertical lines*/
 hr.vertical {
	 display:none;
}
hr.verticalwhite {
	 display:none;
	 }
	 /*qoutes*/
h1.qoutes {
	 font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  margin-top:20px;
  text-transform: uppercase;
  text-align: center;
  color:#ffffff;
  font-size:18px;
  white-space: nowrap;
 
}
p.qoutes {
	 font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  margin: 0;
  font-size: 1rem;
}
q.blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
header {
	height:150px;
  color:#DB181C;
  text-align: center;
}
/*phonenumber text*/
p.paddingbulletsphone {
	color:#FCFAFA;
	font-size:18px;
	line-height: 150%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
@media only screen and (max-width : 320px) {
	/*top image*/
.image-wrap {
	 max-height: 480px;
	 min-height:180px;
    overflow: hidden;
    max-width: 100%;       
    -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
 
    .image-wrap img {
		min-height:480px;
		 width: 100%;
        -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out;  /* FF4+ */
        -ms-transition: margin-top .5s ease-out;  /* IE10? */
        -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
        transition: margin-top .5s ease-out;
    }
	#miljo{
 padding-top:25px;
}
   /* Smartphone view: 1 tile */
   .span_2_of_2, .span_1_of_2, .span_3_of_2, .span_4_of_2{ width: 100%;
}
.span_2_of_2 {
	width: 100%;
	background-color:#FFFFFF;
	height:380px;
}
.span_1_of_2 {
	width: 100%;
	background-color:#FFFFFF;
	height:380px;
	border-bottom: 1px solid #DB181C;
}
.span_3_of_2 {
	width: 100%;
	background-color:#DB181C;
	height:260px;
	border-bottom: 1px solid #ffffff;
}
.span_4_of_2 {
	width: 100%;
	background-color:#DB181C;
	height:520px!important;
}
/*kontakt*/
#four{
	float:left;
 height:650px;
  background-color: #B0F1F6;
  width:100%;
}
/*fonts*/
/*copyright text*/
p.copy {
  text-transform: uppercase;
  font-size: 0.6rem;
  line-height: 20px; 
  text-align:center;
  color:#949191;
}
/*two column grid*/
h2.white {
  text-transform: uppercase;
  margin-left: 25px;
  font-size: 2rem;
  white-space: nowrap;
}
h2 {
  text-transform: uppercase;
  margin-left: 0px;
  font-size: 2rem;
  white-space: nowrap;
}
h3 {
	padding-top:25px;
  text-transform: uppercase;
  margin-left: 25px;
  font-size: 0.9rem;
  white-space: nowrap;
}
p.paddingbullets {
	line-height: 150%;
    padding-top: 5px;
    padding-right: 50px;
    padding-bottom: 0px;
    padding-left: 25px;
}
p.padding {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
p.paddingwhite {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
/*quotes*/
#quotes{
	float:left;
	height:500px;
    background-color: #000000;
    width:100%;
}
p.quotes {
  margin-top: -120px;
  font-size: 1rem;
  color:#34F904;
  text-shadow: 1px 1px #FFFFFF;
  text-align:center;
  font-style:italic;
}
q.blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
	text-transform: uppercase;
  vertical-align: middle;  
  font-size: 1.3rem;
  white-space: nowrap;
  text-shadow: 1px 1px #FFFFFF;
  text-align:center;
  color:#01E4F8;
}
hr.vertical {
	 display:none;
}
hr.verticalwhite {
	 display:none;
	 }
	 /*qoutes*/
h1.qoutes {
	 font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  margin-top:20px;
  text-transform: uppercase;
  text-align: center;
  color:#ffffff;
  font-size:18px;
  white-space: nowrap;
 
}
p.qoutes {
	 font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  margin: 0;
  font-size: 1rem;
}
q.blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
header {
	height:150px;
  color:#DB181C;
  text-align: center;
}
/*phonenumber text*/
p.paddingbulletsphone {
	color:#FCFAFA;
	font-size:18px;
	line-height: 150%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
}
/*ipad retnia screens*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
	/*top image*/
.image-wrap {
	 max-height: 1024px;
	 min-height:700px;
    overflow: hidden;
    max-width: 100%;       
    -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
 
    .image-wrap img {
		min-height:700px;
		 width: 100%;
        -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out;  /* FF4+ */
        -ms-transition: margin-top .5s ease-out;  /* IE10? */
        -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
        transition: margin-top .5s ease-out;
    }
	/*top img font*/
h1.top {
   font-family: 'Helvetica', sans-serif;
  font-weight: 700;
  margin-top:20px;
  text-transform: uppercase;
  text-align: center;
  color:#DB181C;
  font-size:40px !important;
  white-space: nowrap;
  text-shadow:1px 1px #FFFFFF;
 
}
p.top {
  margin: 0;
  font-size: 25px;
  color:#000000;
  text-align: center;
  text-shadow:1px 1px #FFFFFF;
}
	.span_2_of_2, .span_1_of_2, .span_3_of_2, .span_4_of_2{ width: 50%;
}
.span_2_of_2 {
	width: 50%;
	background-color:#FFFFFF;
	height:520px;
}
.span_1_of_2 {
	width: 50%;
	background-color:#FFFFFF;
	height:520px;
}
.span_3_of_2 {
	width: 50%;
	background-color:#DB181C;
	height:520px;
}
.span_4_of_2 {
	width: 50%;
	background-color:#DB181C;
	height:520px;
}

p.paddingbullets {
	line-height: 150%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
h3 {
	padding-top:25px;
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 1.2rem;
  white-space: nowrap;
}
p.paddingwhite {
    padding-top: 25px;
    padding-right: 45px;
    padding-bottom: 25px;
    padding-left: 20px;
}
h2.white {
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 2rem;
  white-space: nowrap;
}
p.paddingbulletsphone {
	color:#FCFAFA;
	font-size:18px;
	line-height: 150%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
		/*top img font*/
h1.top {
   font-family: 'Helvetica', sans-serif;
  font-weight: 700;
  margin-top:20px;
  text-transform: uppercase;
  text-align: center;
  color:#DB181C;
  font-size:40px !important;
  white-space: nowrap;
  text-shadow:1px 1px #FFFFFF;
 
}
p.top {
  margin: 0;
  font-size: 25px;
  color:#000000;
  text-align: center;
  text-shadow:1px 1px #FFFFFF;
}
	.span_2_of_2, .span_1_of_2, .span_3_of_2, .span_4_of_2{ width: 50%;
}
.span_2_of_2 {
	width: 50%;
	background-color:#FFFFFF;
	height:520px;
}
.span_1_of_2 {
	width: 50%;
	background-color:#FFFFFF;
	height:520px;
}
.span_3_of_2 {
	width: 50%;
	background-color:#DB181C;
	height:520px;
}
.span_4_of_2 {
	width: 50%;
	background-color:#DB181C;
	height:520px;
}

p.paddingbullets {
	line-height: 150%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
h3 {
	padding-top:25px;
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 1.2rem;
  white-space: nowrap;
}
p.paddingwhite {
    padding-top: 25px;
    padding-right: 45px;
    padding-bottom: 25px;
    padding-left: 20px;
}
h2.white {
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 2rem;
  white-space: nowrap;
}
p.paddingbulletsphone {
	color:#FCFAFA;
	font-size:18px;
	line-height: 150%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
}