@media screen and (max-width: 600px) {
  h1 {font-size: 1.6rem!important;}
  h2 {font-size: 1.5rem!important;}
  	.lorraine-left {font-family: 'Roboto', sans-serif; text-align: left; font-size: 1.6em!important; color: #717f91!important;} 
.lorraine-centre {font-family: 'Roboto', sans-serif; text-align: center; font-size: 1.6em!important; color: #717f91!important;} 
.lorraine-right {font-family: 'Roboto', sans-serif; text-align: right; font-size: 1.6em!important color: #717f91!important;} 
}

/* eliminate gap between title and text */
@media screen and (max-width: 800px) { .gappy {display: none!important;}  }


  /* assign row id to business photo bg and size it properly. die safari. */
  
#iphone-pain {
        -webkit-background-size: cover; /* safari may need this */
  /* background fixed and background cover don't play nicely together on iOS. So background is fixed only on desktops*/
  /* SM  */ @media screen and (min-width : 320px)  {position: cover; top: 0; left: 0; /* Preserve aspet ratio */ min-width: 100%; min-height: 100%;} /* background still isn't fixed here.*/
  /* MD  */ @media screen and (min-width : 800px)  {background-attachment: fixed!important;} /* Ok NOW the background is fixed.*/ 
}

footer#colophon.site-footer.unconstrained-footer {background-color: #171b1d; margin-top:0px;}  

/* nav menu */
header#masthead {background: rgba(112, 112, 112, 0.6); border-bottom-color: rgba(112, 112, 112, 0.9); padding-top: 10px; padding-bottom: 10px;}

header#masthead.floating {background: rgba(112, 112, 112, 0.4); border-bottom-color: rgba(112, 112, 112, 0.9); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); }  

/* make the top slider go behind the menu */
.sow-slider-base {
    position: relative;
    overflow: hidden;
    z-index: 1;
}


/* Set Page Builder bottom margin */

.panel-grid-cell {
margin-top: 0 !important; margin-bottom: 0 !important; /* Adjust the number on this row as desired */
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  z-index: 99999;
  font-family: 'Open Sans';
  font-size: 0.7em;
  text-align: right; }



/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #fff;
  font-family: Georgia, Serif;
  font-size: 24px;
  font-size: 1rem;
  line-height: 1.2; }

.site-content {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  color: #f9333f!important; 
	text-transform: uppercase;}

h1 {font-size: 1.6rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.3rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1.1rem;}
h6 {font-size: 1rem;}



#pl-w083406ba .panel-grid-cell .so-panel {margin-bottom: 15px !important;}

/*--------------------------------------------------------------
# title / main text / article colour & size tweaks
--------------------------------------------------------------*/

.lorraine-left {font-family: 'Roboto', sans-serif; text-align: left; font-size: 2.2em; color: #717f91!important;} 
.aztra-centre {font-family: 'Roboto', sans-serif; text-align: center; font-size: 4em; color: #fff!important;} 
.lorraine-right {font-family: 'Roboto', sans-serif; text-align: right; font-size: 2.2em; color: #717f91!important;} 
.yellow-title {color: #f9333f;}
.toptext {font-size: 1.3em; } 
.yellow {font-size: 1.4em; color: #f9333f;} 
.bright {font-size: 1.2em; color: #f9333f;} 
.yellow-two {font-size: 1em; color: #f9333f;} 
.white {font-size: 1em; color: #fff;} 


.contactaddress {font-family: 'Roboto', sans-serif; text-align: center; font-size: 1.1em!important; color: #fff; text-transform: uppercase;} 
.contactaddresswee {font-family: 'Roboto', sans-serif; text-align: center; font-size: 1em!important; color: #fff;} 
.contactaddresswee a {font-family: 'Roboto', sans-serif; text-align: center; font-size: 1em!important; color: #fff;} 

#pinkdivide .panel-grid-cell  {min-height:10px!important;}




/*--------------------------------------------------------------
# hide testimonial quotations
--------------------------------------------------------------*/

i.lsow-icon-quote {font-family: 'Open Sans'; display: none; visibility:hidden; position:relative; }

#pl-2 .panel-grid-cell .so-panel {margin-bottom: 0px !important;}

.lsow-heading {font-weight: 400!important; font-size: 26px !important; color: #f0d862 !important;}

.lsow-portfolio-wrap .lsow-taxonomy-filter { border-bottom-color: #f0d862; border-bottom-style: solid; }
.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item.lsow-active { border-bottom-color: #f0d862; border-bottom-style: solid; }


/*--------------------------------------------------------------
# blog post text rendering homepage
--------------------------------------------------------------*/
h3.entry-title a {font-family: 'Georgia', Serif; text-align: center; font-size: 1.2em!important; color: #f0d862 !important;} 
h3.entry-title a:hover {font-family: 'Georgia', Serif; text-align: center; font-size: 1.2em!important; color: #ddbe23 !important;} 

.entry-summary {
  font-size: 0.8em;        
  color: #fff!important;
        }
.author.vcard {
  font-size: 0.8em;        
  color: #fff;
        }
.published {
  font-size: 0.8em;        
  color: #fff!important;
  border-bottom: 0px none #0d1724!important; 
         }
abbr[title] {  border-bottom: 0px none #0d1724!important; }

.lsow-terms {
  font-size: 0.8em;        
  color: #fff;
        }



/* --------------- Button CSS -------------------- */


.allarticlesbutton {background-color: #f0d862;
  color: #0d1724;}

.allarticlesbutton a:hover {background-color: #f0d862;
  color: #0d1724;}


input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],textarea {
	font-family: 'Open Sans', sans-serif!important; font-size: 1.2em!important; color: #333!important; 
}

input.sow-submit {width: 100%; font-family: 'Open Sans', sans-serif; text-align: center; font-size: 0.8em!important; border: none!important; color: #fff !important;
   background-color: #f9333f;
-webkit-transition: all 700ms ease-in-out;
	-moz-transition: all 700ms ease-in-out;
	-ms-transition: all 700ms ease-in-out;
	transition: all 700ms ease-in-out;
}
input.sow-submit a:hover {width: 100%; font-family: 'Open Sans', sans-serif; text-align: center; font-size: 0.8em!important; border: none!important; color: #fff;
background-color: #a40a0a!important;
    -webkit-transition: background-color 700ms linear;
    -ms-transition: background-color 700ms linear;
    transition: background-color 700ms linear;
}



.sow-icon-fontawesome { 
  -webkit-transition: all 700ms ease-in-out;
	-moz-transition: all 700ms ease-in-out;
	-ms-transition: all 700ms ease-in-out;
	transition: all 700ms ease-in-out;
}

.sow-icon-fontawesome:hover {
  color: #f9333f;
  -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
}


.site-info {font-family: 'Open Sans', sans-serif; text-align: center; font-size: 0.6em!important;}

/* about page team members text*/
.lsow-title {font-size: 1em!important;} 
.lsow-team-member-position {font-family: 'Georgia', Serif; font-size: 0.8em!important; color: #f0d862!important;} 
.lsow-team-member-details {font-family: 'Georgia', Serif; font-size: 0.8em!important;}