@charset "UTF-8";

/* Layout Medium Screens */
.page{min-width:481px;max-width:800px;margin:0px auto 0px auto;position:relative;background-color:#FFFFFF;}
body {background-image:none; }
header {width:100%;height:185px;background:url(../images/UnderTheTreeTogetherAtDusk_Harli_Marten_135841_unsplash_webbanner_titled_800x185.jpg) no-repeat right 0px;background-size:100% 185px;}
header a.logo {width:115px;height:70px;top:20px;right:20px;background-image:url(../images/logo_medium.png);background-size:115px 70px;}
article { padding: 20px 20px 10px 20px; }
nav { top: 185px; }
nav a { margin: 2px 20px 2px 24px; }
iframe {width: 100%; height: 160px;}
.leadr_container .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: 60%;
   height: auto;
   float: left;
   z-index: 10;
   margin: 35px 0px 5px 20px;
} 

.promo_container { padding: 10px 20px 15px 20px; }
.promo_container .promo { background-position: 0px 0px; }
.promo_container .promo .content { padding: 20px 30px 0px 0px; }

@media 
only screen and (min-width: 481px ) and (max-width: 800px){
   .leadr_canvas{background-repeat:no-repeat;background-size:cover;background-image:url(../images/Up-The-Mast-Cropped-316x185-20180609.jpg);}
}

@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/banner_medium_2x.jpg); } */
   header { background-image: url(../images/UnderTheTreeTogetherAtDusk_Harli_Marten_135841_unsplash_webbanner_titled_800x185.jpg); }
   header a.logo { background-image: url(../images/logo_medium_2x.png); }

}