html {
scroll-behavior:smooth;
}

body {
margin:0px 0px 0px 0px;
text-align:center;
background:#000000;
}

body, p, div, ul, input, select, textarea {
font-family: 'Open Sans', sans-serif;
font-size:15px;
line-height:1.4;
color:#000000;
}

* {
box-sizing:border-box;
}

h1, h2 {
text-align:left;
font-size:160%;
line-height:1.1;
font-weight:normal
}

h2 {
font-size:140%;
}

a {
color:#769400;
text-decoration:none;
}

a:hover {
color:#769400;
transition:0.3s;
text-decoration:underline;
}

li {
padding:0px 0px 5px 0px;
text-align:left;
}

img {
max-width:100%;
}

#header {
max-width:950px;
margin:auto;
padding:10px 20px;
text-align:left;
}

#header .information {
float:right;
color:#dddddd;
}

#header a.information-mobile {
display:none;
font-size:125%;
font-weight:bold;
text-decoration:none;
color:#93b800;
}

#header a.information-mobile:hover {
color:#abd600;
}

#header .information span {
display:inline-block;
vertical-align:top;
margin:10px 15px;
}

#header .logo {
max-width:100%;
margin:0px 15px;
}

#bashdate {
background:#ececec;
padding:5px 10px;
font-size:90%;
text-align:center;
color:#888888;
}

#banner {
background-size:cover;
background-position:center bottom;
text-align:center;
padding:100px 10px;
z-index:0;
position:relative;
}

#wrapper {
background:#ffffff;
padding:0px;
}

#content {
max-width:910px;
margin:auto;
min-height:500px;
text-align:left;
padding:30px 30px 75px 30px;
}

#footer {
background:#333333;
padding:25px;
color:#ffffff;
text-align:center;
}

#footer a {
padding:0px 7px;
color:#ffffff;
white-space:nowrap;
}

#copyright {
color:#888888;
padding:25px 20px 50px 20px;
text-align:center;
font-size:95%;
}

#copyright a {
color:#888888;
}

#copyright a:hover {
color:#ffffff;
text-shadow:0px 0px 8px #ffffff;
transition:0.5s;
}

#copyright span {
white-space:nowrap;
}

input[type=text], select, textarea {
border:1px solid #888888;
border-radius:3px;
padding:1px 3px;
background:#ffffff;
}

.input-button {
display:inline-block;
background:#769400;
font-size:115%;
text-align:center;
border:none;
cursor:pointer;
padding:10px 25px;
color:#ffffff;
text-decoration:none;
border-radius:5px;
}

.input-button:hover {
background:#93b800;
}

.input-button-off {
display:inline-block;
background:#ececec;
font-size:115%;
text-align:center;
border:none;
cursor:auto;
padding:10px 25px;
color:#888888;
text-decoration:none;
border-radius:5px;
}

.input-button-off:hover {
background:#ececec;
}

.bash {
font-weight:bold;
white-space:nowrap;
}

.bash2 {
font-weight:bold;
white-space:nowrap;
font-size:20px;
}

.addtocart {
width:115px;
display:inline-block;
text-align:center;
padding:4px 10px;
border-radius:5px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
margin:0px 10px 0px 0px;
}

.addtocart:hover {
color:#ffffff;
text-decoration:none;
}

.button {
background:#769400;
cursor:pointer;
}

.button:hover {
opacity:0.7;
}

.grey {
background:#dddddd;
}

.added {
background:#f09c00;
}

@media (max-width:1200px) {

#banner {
background-size:auto 150%;
}

}

@media (max-width:960px) {

#header {
padding:10px 20px;
text-align:center;
}

#header .information {
display:none;
}

#header a.information-mobile {
display:block;
}

#navigation {
padding:10px;
}

#navigation a {
text-transform:uppercase;
padding:2px 7px;
}

}

@media (max-width:600px) {

#banner {
padding:50px 10px;
}

}