/* - - - - - - - - - - - - - - - - - - - - -

Title : Profit Blueprints, LLC
Author : Eric Wolf | http://www.activecanvas.com
URL : http://www.profits4dealers.com

Description : HTML5 CSS3 responsive style sheet for Profit Blueprints' home page

Created : 5/26/2007
Version : 2016.06.29

- - - - - - - - - - - - - - - - - - - - - */

section#banner .row, section#banner .column {
  text-align: center; }

h1.column, ul.column {
  display: block; }

header#masthead h1 {
  margin-top: .25em; }

header#masthead h2 {
  margin-top: 0;
  color:#fff; }

section#dkblu, section#mdblu, section#ltblu {
	padding:1.5em 0; }

li.only {
	border:1px solid #fff; }

section#dkblu .column, section#mdblu .column {
	text-align:center; }
section#dkblu h4 {
	padding-top:1em;
	text-transform:uppercase; }

section#dark h3 {
	text-transform:uppercase;
	text-align:center;
	color:#fff; }

section#dark a img {
	margin:0;
	padding:0; }

div.art_link {
	position:relative;
	z-index:1; }
div.art_link h4 {
	position: absolute;
	bottom:25%;
	left:8%;/*
	margin-bottom:.75em;
	padding:.75em 3em .75em .5em;
	background: rgba(0, 0, 0, 0.5);*/
	z-index:5; }

section#banner {
  background: url("/images/bnnr/bnnr1920x1357.jpg") no-repeat center center;
  background-size: cover;
  height: 100vh; }
  .hero:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8; }

@media screen and (max-width: 39.9375em) {
header#masthead ul {
  margin-top: 1em; }
}
header#masthead h1 {
  font-size: 30pt; }
}

@media screen and (max-width: 39.9375em) and (orientation: landscape) {
header#masthead ul {
  margin-top: 0; }
header#masthead h1 {
  font-size: 60pt; }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
header#masthead ul {
  margin-top: 1em; }
header#masthead h1 {
  font-size: 42pt; }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
header#masthead ul {
  margin-top: 0; }
header#masthead h1 {
  margin-top: 0; }
}

@media screen and (min-width: 64em) {
header#masthead ul {
  margin-top: 1em; }
header#masthead h1 {
  font-size: 60pt; }
header#masthead h2 {
  width: 70%; }
}