/*  Style Sheet for PatriotBiodegradables  */

			em {font-weight: bold;}
            #top-marquee p {padding-top: 40px; font: 32px/12px 'myriad-pro',helvetica; color: #ffffff; text-align: center;}
            .menu-selected {background-color: #62387e; color: #ffffff; font-family: 'myriad-pro', sans-serif; text-align: center; font-size: 16pt; vertical-align: middle;}
            .bol-background {background-color: #ffffff; }
            .purple-text {color: #62387e; }
            /* Need to change menu color in admin, too  */
            .intro {font-size: 18px; font-family: 'myriad-pro',verdana, arial; text-align: justify; margin: 20px 55px 10px 55px; line-height: 24px;}
            #BOL_banner_contact a {color: #888;}
            #BOL_banner_contact a:hover {color: #386460;}
            #footer-menu a {color: #ffffff;}
            /*   width: 19%; margin: 0px; text-align: center;  display: inline-block;  */
            .menuItem {text-align: center; font-style: normal; font-weight: 400; font-variant: small-caps; font-size: 1.1rem; line-height: 1.1rem; font-family: adobe-garamond-pro, 'times new roman'; color: #ffffff; letter-spacing: 0.05em;}
            #theBOLmenu a {color: #ffffff;} 
            .socialMedia {display: inline-block; height: 40px; width: 70px;}
            #theBOLmenu  a:hover, a:active {color: #ec9b26;}   /* a:link, a:visited,*/
            .contactBlock {text-align: center; font-style: normal; font-variant: small-caps; font-weight: normal; font-size: 0.6rem; line-height: 1rem; font-family: 'times new roman', helvetica; color: #ffffff;}
            #mainText p {margin: 5px auto 6px auto; text-indent: 15px;  font-size: 1.0rem; line-height: 1.25rem; text-align:left; font-family: myriad-pro, helvetica; width: 95%;}
            #mainText h5,h4 {color: #004600; text-align: left; margin: 20px auto 15px; width: 95%;}
            #logoText1 {position: absolute; top: 20px; right: 3%; font-size: 1.1rem; line-height: 1.4rem; letter-spacing: 0.05rem;  color: #ffffff; text-align: right; width: 100%; text-shadow: 5px 5px 6px #444;}
            #logoText2 {position: absolute; bottom: 8px; font-size: 1.1rem; line-height: 1.4rem; letter-spacing: 0.05rem; margin: 0px 8% 0 auto; color: #ffffff; text-align: right; width: 100%; text-shadow: 5px 5px 6px #444;}
            #headerText p {font-size: 1.0rem;}
            #headerText p {font-size: 0.8rem;}
            #headerText ul {font-size: 0.8rem;}
            #navBrand {margin-right: 19%;}
            #thePhone {font-size: 0.75rem;}
            #theCustCare {font-size: 0.9rem; line-height: 1.3rem}
            /* Extra small devices (phones, up to 575px) */
            @media screen and (max-width: 575px) {
            #theBigLogo {width: 100%;}
            #theLittleLogo {width: 70%;}
            #BOL_big_picture {height: 35%;}
            #theTagLine {font-size: 0.75rem; margin: 0px;}
            #logoText1 {font-size: 1.3rem; line-height: 1.4rem; letter-spacing: 0.05rem;}
            #logoText2 {font-size: 0.6rem; line-height: 1.3rem; letter-spacing: 0.03rem;}
            #logoImage {background-size: 160%; }
            }
            
            /* Extra small devices (phones, up to 767px) */
            @media (min-width: 576px) and (max-width: 767px) {
            #theBigLogo {width: 65%;}
            #theLittleLogo {width: 50%;}
            #theTagLine {font-size: 1.2rem; margin-top: -10px;}
            #mainText p,ul {font-size: 0.8rem;}
            #headerText p {font-size: 0.8rem;}
            #headerText ul {font-size: 0.8rem;}
            #logoText1 {font-size: 1.4rem; line-height: 1.4rem; letter-spacing: 0.05rem;}
            #logoText2 {font-size: 0.6rem; line-height: 1.3rem; letter-spacing: 0.03rem;}
            #logoImage {background-size: 140%; }
            #navBrand {margin-right: 2%;}
            #thePhone {font-size: 1.0rem;}
            #theRegistry {font-size: 1.0rem;}
            #theCustCare {font-size: 1.2rem; line-height: 1.8rem;}
            .contactBlock {font-size: 1.2rem; line-height: 1.5rem;}
            }
            
            /* Small devices (tablets, 768px and up) */
            @media (min-width: 768px) and (max-width: 991px) {
            #theBigLogo {width: 65%;}
            #theLittleLogo {width: 40%;}
            #theTagLine {font-size: 1.4rem; margin: 0px;}
            #mainText p,ul {font-size: 0.9rem;}
            #mainText ul li {margin-bottom: 5px;}
            #logoText1 {font-size: 1.8rem; line-height: 1.4rem; letter-spacing: 0.05rem;}
            #logoText2 {font-size: 0.8rem; line-height: 1.3rem; letter-spacing: 0.03rem;}
            #headerText p {font-size: 0.9rem;}
            #headerText ul {font-size: 0.9rem;}
            #headerText li {margin-bottom: 6px;}
            #navBrand {margin-right: 10%;}
            #thePhone {font-size: 1.2rem; margin-left: 7%;}
            .contactBlock {font-size: 1.2rem; line-height: 1.5rem;}
            }
            
            /* tablets/desktops and up ----------- */
            @media (min-width: 992px) and (max-width: 1199px) {
            #theBigLogo {width: 70%;}
            #theLittleLogo {width: 60%;}
            #theTagLine {font-size: 1.5rem;}
            #mainText p {font-size: 1.0rem;}
            #mainText ul li {margin-bottom: 6px;}
            #logoText1 {font-size: 2.0rem; line-height: 1.3rem; letter-spacing: 0.05rem;}
            #logoText2  {font-size: 0.9rem; line-height: 1.3rem; letter-spacing: 0.03rem;}
            #headerText p {font-size: 1.0rem;}
            #headerText ul {font-size: 0.9rem;}
            #headerText li {margin-bottom: 7px;}
            #navBrand {margin-right: 12%;}
            #thePhone {font-size: 1.4rem; margin-left: 7%;}
            .contactBlock {font-size: 1.4rem; line-height: 1.7rem;}
            }
            
            /* large desktops and up ----------- */
            @media screen and (min-width: 1200px) {
            #theBigLogo {width: 60%;}
            #theLittleLogo {width: 50%;}
            #theTagLine {font-size: 1.6rem; color: red;}
            #mainText p {font-size: 1.0rem;}
            #mainText ul li {margin-bottom: 7px;}
            #logoText1 {font-size: 2.1rem; line-height: 1.3rem; letter-spacing: 0.05rem;}
            #logoText2 {font-size: 1.1rem; line-height: 1.3rem; letter-spacing: 0.05rem;}
            #logoImage {background-size: 86%; }
            #headerText p {font-size: 1.0rem;}
            #headerText ul {font-size: 1.0rem;}
            #headerText li {margin-bottom: 7px;}
            #navBrand {margin-right: 18%;}
            #thePhone {font-size: 1.5rem; margin-left: 7%;}
            .contactBlock {font-size: 1.5rem; line-height: 1.8rem;}
            }