﻿*                                                   {margin:0;padding:0;border:0;font-family: 'Lora', Arial, sans-serif;font-weight: 300;list-style-position:inside;text-decoration:none;font-size:14pt;}

.accessibilityLinks                                 {display:none;}
a                                                   {color:#0d5328;font-weight:bold;}
b                                                   {font-weight:bold;}
img.right                                           {float:right;border:solid #cccccc 1px;box-shadow: rgba(0,0,0,0.3) 3px 3px 5px;margin:0 0 0 15px}
img.inline                                          {width:100%;border:solid #cccccc 1px;box-shadow: rgba(0,0,0,0.3) 3px 3px 5px;}

/* HEADER
###################################################*/
header                                              {background: url(../../pix/nav/header.png) no-repeat center;position:fixed;top:0;left:0;width:100%;height:100px;z-index:100}
header nav                                          {display:none;max-width:300px;width:100%;margin-top:13px;}
header nav a                                        {color:#efefef;padding:13px 15px 9px 15px;background:#0d5328;display:block;font-weight:normal;font-size:12pt;border-bottom:solid #cccccc 1px;}
header a img                                        {height:75px;margin:10px 25px 0 -90px;border:none;position:fixed;left:50%;}
header nav a img                                    {min-height:0;min-width:0;height:30px;width:30px;float:left;margin:-4px 0 0 0;position:initial}
header nav a.service                                {padding:15px 0 0 70px;font-style:italic;font-size:11pt;background:#0b4622;height:30px}
header nav a.service img                            {display:none;}
header .menuMobile                                  {display:inline-block;margin:15px 0 0 15px;}
header .menuMobile a                                {padding:6px 25px;border-radius:15px;background:#ffffff;}
header a:hover                                      {text-decoration:underline;}
header .headerContact                               {position:fixed;top:2px;right:15px;color:#cccccc;}
header .headerContact a                             {color:#ffffff;display:inline-block;padding:10px 0 0 0;}
header .headerIcons                                 {display:none;}

/* SECTIONS
###################################################*/
section.one                                         {min-height:100vh;max-width:100%;width:100%;}
section.generic                                     {}
section.generic figure                              {max-width:1200px;padding:25px 50px;margin:0 auto;width:100%;background:rgba(255,255,255,0.9)}
section.generic figure p                            {line-height:24pt;margin:15px 0;color:#565656}
section.generic ul li                               {color:#565656}
section.page                                        {min-height:700px;width:100%;max-width:100%;}
section.buzz                                        {max-width:1200px;padding:25px 50px;margin:0 auto;background:rgba(255,255,255,0.9);color:#0d5328;width:100%;}
section.buzz p                                      {max-width:1200px;margin:0 auto;}

.welcomeLogo                                        {position:absolute;left:50%;max-width:600px;opacity:0;margin-left:-300px;top:300px;-webkit-animation: book 1s forwards;-webkit-animation-delay: 1.5s;animation: book 1s forwards; animation-delay:1.5s}
.welcomeLogo img                                    {width:100%;}

ul.listOne, ul.listTwo, ul.listThree                {width:30%;display:inline-block;}
.serviceOne, .serviceTwo                            {width:100%;max-width:300px;display:inline-block;margin:15px 0;}
/* HEADERS
###################################################*/
h1, h2, h3, h4, h5, h6                              {font-weight:bold;}
h1                                                  {font-size:24pt;color:#0d5328;}
h2                                                  {font-size:22pt;color:#0d5328;}
h3                                                  {font-size:20pt;color:#0d5328;}
h4                                                  {font-size:16pt}
h5                                                  {font-size:14pt;margin:0 0 15px 0;padding-bottom:5px;border-bottom: dashed 1px #cccccc;display:inline-block;}

/* CONTACT FORM
###################################################*/
.contactForm                                        {max-width:400px;}
.input                                              {width:90%;max-width:400px;font-size:12pt;padding:8px 5px;color:#0d5328;}
.SendButton                                         {background:#0d5328;color:#ffffff;padding:8px 20px;cursor:pointer;}

/* THE TEAM
###################################################*/
.teamWrapper                                        {text-align:center;width:100%;}
.team                                               {width:240px;display:inline-block;margin:0 auto;}
.teamImg                                            {max-width:240px;}
.teamImg img                                        {width:100%;}
.teamDesc                                           {width:90%;display:none;}

/* FOOTER
###################################################*/
footer                                              {background:#0d5328;color:#ffffff;padding:15px 0;}
footer section                                      {max-width:1200px;margin:0 auto;}
footer section p                                    {line-height:24pt;}
footer .pod                                         {max-width:24%;display:inline-block;vertical-align:top;width:100%;margin:15px 0;}
footer .pod p                                       {font-size:12pt;}
footer .pod img                                     {max-width:90%;}
footer a, .subFooter a                              {color:#ffffff;}
.subFooter                                          {background:#0b4622;width:100%;color:#ffffff;border-top:solid #ffffff 1px;text-align:center;padding:12px 0;font-size:9pt;}
.subFooter a, .subFooter p                          {font-size:10pt;}
@media (max-width: 1300px)
{
    section.generic, section.buzz                           {width:100%;max-width:100%;padding: 0;}
    section.generic figure, section.buzz p, footer section                                  {width:86%;max-width:100%;padding:25px 4%;}
}

@media (max-width: 768px)
{
    section.generic                                         {width:100%;max-width:100%;padding: 0;}
    section.generic figure                                  {width:86%;max-width:100%;padding:25px 4%;}
    section.buzz                                            {width:86%;padding:25px 4%;}
    footer                                                  {width:100%;max-width:100%;padding:0;}
    footer section                                          {width:86%;padding:25px 4%;}
    .welcomeLogo                                            {max-width:80%;margin-left:-40%;top:300px;}
    .inline                                                 {max-width:100%;}
    header a img                                            {height:50px;margin:35px 25px 0 -60px;border:none;position:fixed;left:50%;}
    .hide                                                   {display:none!important;}
    footer .pod                                             {max-width:32%;}
}
@media (max-width: 640px)
{
    header                                                  {background: url(../../pix/nav/headerm.png) no-repeat center;}
    header .headerIcons                                     {display:block;position:fixed;right:10px;width:75px;height:40px;top:8px}
    header .headerIcons a                                   {display:block;display:inline-block}
    header .headerIcons img                                 {width:35px;height:35px;position:initial;margin:0;}
    header .headerContact                                   {display:none;}
    header .menuMobile                                      {margin:10px 0 5px 15px;}
    header .menuMobile a                                    {font-size:10pt;}
    header nav                                              {max-width:100%;width:100%;margin-top:11px;}
    header nav a                                            {color:#efefef;padding:13px 15px 9px 15px;background:#0d5328;display:block;font-weight:normal;font-size:12pt;border-bottom:solid #cccccc 1px;}
    header a img                                            {height:50px;margin:10px 25px 0 -50px;border:none;position:fixed;left:50%;}
    h2                                                      {font-size:18pt;}
    ul.listOne, ul.listTwo, ul.listThree                    {width:100%;display:block;}
    .subFooter                                              {padding-bottom:15px;}
    footer .pod                                             {width:100%;max-width:100%;padding:0;}
    .input                                                  {width:80%;}
    header nav                                              {height:80vh;overflow-y:auto;}

    
}








@-webkit-keyframes book {
    100% { opacity:1; }
}

@keyframes book {
    100% { opacity:1; }
}

