body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0 0 0 0; line-height: 22px; margin: 0 auto 0 auto; }
h1 { margin: 0 0 45px 0; font-size: 48px; font-family: Garamond, serif;  font-weight:normal; color: darkolivegreen; text-align:center; }

h2 { font-size: 16px; margin: 12px 0 4px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; }
p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a { text-decoration: none; color: #0026FF; }
.clear { clear: both; }
.ac { text-align: center; }
.bold { font-weight: bold; }
.dblock { display: block; }
.gray { color: Gray !important; }
.small { font-size: 11px !important; }
.onlymobile { display: none; }

div#TopContainer { margin: 0 0 30px 0; text-align: center; color: gray; }
    div#TopContainer img { display: block; margin: 20px auto 6px auto; }
    div#TopContainer h2 { text-align: center; }

#DescriptionContainer { margin-top: 16px; }
    #DescriptionContainer a { color: green; }

div#Teaser { font-size: 17px; margin: 0 0 33px 0; line-height: 22px; float: left; width: 50%; }
div#CenterContainer { padding-top: 20px; padding-bottom: 33px; background: -webkit-linear-gradient(top, #ffffff 0%,#A2E298 100%); background: linear-gradient(to bottom, #ffffff 0%,#A2E298 100%); }
div#ContentContainer { float: left; width: 34%; }
div#SiteDescription { margin: 0 8% 0 8% }
div#ProductContainer { border-radius: 20px; float: right; width: 60%; background-color: white; min-height: 1111px; border-bottom: 1px solid #5f9d3e; margin-right: 2%; }
div#innerProductContainer { padding: 3%; }
nav { margin-bottom: 6px; margin: 0 auto 20px auto; }
    nav a { color: black !important; }

.navbar { padding: 3px 3% !important; }


div#ProductContainer img#loader-gif { display: block; margin: 20px auto 0 auto; width: 50%; }
div#ProductContainer img { max-width: 60px !important; }

div#BottomContainer { text-align: center; background-color: white; padding: 20px; }
    div#BottomContainer a { color: green; }

.splitbox { width: 45%; float: left; margin-right: 3%; }
.splitbox-shaded { background-color: #78B657; color: white; }
.splitbox div { margin: 20px; }
.splitbox-shaded a { color: white; text-decoration: underline; }
.splitbox .source { font-size: 11px; color: gray; font-style: italic; display: block; }
    .splitbox .source a { font-size: 11px; color: gray; font-style: italic; }

.dropdown-menu { max-height: 300px !important; overflow-y: auto !important; }
div#ContactContainer { margin: 40px 0; background-color: #fbfbfb; padding: 0 12% 0 8%; border-top: 1px solid #5f9d3e; border-bottom: 1px solid #5f9d3e; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


#WisdomContainer { border-radius: 12px; padding: 2%; background-color: white; text-align: center; float: right; width: 40%; margin-top: 2px; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); }
    #WisdomContainer span { color: gray; font-style: italic; display: block; }

@media only screen and (max-width: 600px) {
    .splitbox { width: auto; clear: both; margin-right: 0; }
}

@media only screen and (max-width: 600px) {
    h1 { font-size: 28px; font-family: 'Petit Formal Script', cursive; font-weight: normal; color: black; line-height: 36px; text-align: center; }
    div#ContentContainer { float: none; width: 90%; margin: 1% auto; }
    div#ProductContainer { float: none; width: 90%; margin: 20px auto; }
    .onlymobile { display: block; }
    #DescriptionContainer { display: none; }
    #ContactContainer { background-image: none !important; display: none; }
}