/*----------------------------------------------------------------------
MOBILE ONLY
------------------------------------------------------------------------*/
/*<mobile-only>*/

header#mainheader {
width:100%;
}

header#mainheader h1 {
text-align:center ;
}

header#mainheader #logo{
max-width: 250px;
padding: 10px 10px;
box-sizing: border-box;
}

#homepage #headerimagebx {
padding-top: 0px;
position: relative;
height: 260px;
width:100%;
background: transparent url("images/header/home-03-m.jpg") no-repeat scroll center top;
}

#homepage #headertextbx {
padding: 0 10px 10px 10px;
}

/*</mobile-only>*/

/*----------------------------------------------------------------------
UNIVERSAL
------------------------------------------------------------------------*/

/*<mobile>*/
#homepage h2#tagline  {
color: #ffffff;
background-color: /*<logo2>*/;
margin-top: 0;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 14px;
text-align: center;

/*<parseFonts>*/  font-size: 24px; /*</parseFonts>*/
font-family: 'robotoregular', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.3;
letter-spacing: .09em;
word-spacing: .09em;
}

#homepage #headertextbx p {
color: #000000;
font-size: 18px;
font-family: 'source_sans_proregular', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.2;
letter-spacing: .07em;
}

#homepage #headertextbx p strong {
font-family: 'source_sans_prosemibold', sans-serif;
}

/*</mobile>*/

/*----------------------------------------------------------------------
FULL ONLY
------------------------------------------------------------------------*/
#homepage #headertextbx {
padding:10px;
}

#homepage #headerbxwrap {
background-color: #36582C;
width:100%;
}

#homepage #headerbx {
position: relative;

}

@media screen and (min-width: 2000px) {
#homepage #headerbx {
max-width: 2000px;
margin-left: auto; margin-right: auto;
}
}

#homepage #headerimagebx {
max-width: 2000px;
height: 480px;
background: #48753B url("images/header/home-03.jpg") no-repeat scroll left bottom ;
}

#homepage #headertextbx {
position: absolute;
background: rgba(255, 255, 255, 0.9);
border-left: 20px solid /*<logo1>*/;

width: 380px;
/*height: 200px;*/
left: 80px;
top: 80px;
/*margin-top: auto;
margin-bottom: auto;
top: 0;
bottom: 0;*/
}

/*----------------------------------------------------------------------
@MEDIA SCREEN
///////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 600px) {
/* ---------------------------------------------------- */
#homepage #headerimagebx {
height: 300px;
background: transparent url("images/header/home-03.jpg") no-repeat scroll left -130px ;
}

#homepage #headertextbx {
position: static;
box-sizing: border-box;
width: 100%;
height: auto;
border-left: none;
}
/* ---------------------------------------------------- */
}