@charset "UTF-8";

/* Small: 50 px <=> 500px; Medium: 501px <=> 800px; Large: 801px <=> 1280px */
/* Layout (global rules for all sizes) */
/* The -webkit- prefixed property will work in WebKit-based browsers such as Chrome and Safari */
/* The -moz- prefixed property will work in Firefox */
/* The -ms- prefixed property will work in Internet Explorer */
/* The -o- prefixed property will work in Opera */


/* Layout Large Screens (default for older browsers) */
body { margin: 0; padding: 0; }
header {width:100%;height:235px;background:url(../images/UnderTheTreeTogetherAtDusk_Harli_Marten_135841_unsplash_webbanner_titled_900x235.jpg) no-repeat right 0px;background-size:100% 235px;} 
header a.logo {width:150px;height:85px;top:28px;right:30px;background:url(../images/logo_large.jpg) no-repeat 0 0;background-size:150px 85px;display:block;position:absolute;background-position:0px 0px;background-repeat: no-repeat;}

nav {
   width: 100%;
   display: block;
   position: absolute;
   background-color: #000000; 
}

article { padding: 10px 20px 10px 20px; }

ol { 
   font-family: Tahoma, Verdana, Arial, Helvetica; 
	padding-top: 0px; 
	padding-left: 16px;
	margin-top: 5px; 
	margin-bottom: 5px; 
}

li {
   font-family: Tahoma, Verdana, Arial, Helvetica; 
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.3em;
	padding-left: 0px;	
}

.leadr_container  { padding: 32px 0px 5px 0px; } 
.leadr_container {
   vertical-align: middle;
   width: 100%;
   height: auto;
   float: left;
   background-color: #575C7A;
}

.leadr_canvas{background-repeat:no-repeat;background-size:cover;background-image:url(../images/Up-The-Mast-Cropped-512x251-20180609.jpg);}
.leadr_canvas {
   vertical-align: middle;
   width: 100%;
   height: auto;
   float: left;
   background-color: #575C7A;
}

.leadroffer {
   font-size: 1em;
   line-height: 1.2em;
   vertical-align: middle;
   width: 58%;
   height: auto;
   float: left;
   z-index: 10;
   margin: 20px 0px 5px 25px;
} 

/* .socal_container .socal .content { padding: 0px 0px 0px 20px; } */
/* .socal_container { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } */
.socal_container .socal .content { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; } 
.socal_container .socal {
   vertical-align: middle;
   width: 100%;
   height: 22px;
   float: left;
   background-color: #575C7A;
   margin: 1px 0px 5px 0px;
}

.promo_container {
	/* [disabled]position: absolute; */
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.promo_container .promo {
    width: 33%;
    float: left;
    background-position: 0px 3px;
}

.promo_container .promo .content {
	padding-top: 32px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.footer_container { max-width:100%; background-color: #575C7A;padding-left:10px;margin-left:10px; }

.footer_container .footer_left { max-width: 80%; float: left; }

.footer_container .footer_midl { 
   font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: .9em;
	font-weight: bold;
   display: inline-block;
	line-height: 1.5em;
   margin: 12 auto 12 auto;
	color: #FFFFFF;
	background-color: #575C7A;
   min-width: 10%; 
   float: left; 
}
.footer_container .footer_secr { 
   align-content: center;
   width: 20%; 
   float: left; 
	background-color: #575C7A;
}
.footer_container .footer_rght { 
   align-content: center;
   width: 10%; 
   float: left; 
	background-color: #575C7A;
}

.threecolumns {
	text-align: justify;
   -webkit-columns: 200px 3;
      -moz-columns: 200px 3;
       -ms-columns: 200px 3;
        -o-columns: 200px 3;
           columns: 200px 3;
   -webkit-column-gap: 2em;
      -moz-column-gap: 2em;
       -ms-column-gap: 2em;
        -o-column-gap: 2em;
           column-gap: 2em;			  
}

nav {
	top: 235px;
	bottom: auto;
}
nav a {
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 36px;
	margin-bottom: 5px;
}

iframe {
    width: 100%;
    height: 160px;
}

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{

	/* rules go here */
   header { background-image: url(../images/UnderTheTreeTogetherAtDusk_Harli_Marten_135841_unsplash_webbanner_titled_900x235.jpg); }
   header a.logo { background-image: url(../images/logo_medium_2x.png); }


}