@media only screen and (max-width: 479px) {
   body {
    font-size:70%;
    }

    #button {
    display:none;
    }

    #bottle {
    display:none;
    }

    header h1 {
    display:none;
    }

    header #navbutton {
    display:none;
    }

    #bottomline{
    display:none;
    }

    #quicklinks {
    width:78%;
    float:right;
    }

    #quicklinks ul {
    width:66%;
    }

    header {
      background-image:url("../img/headerimg2.JPG");
      background-size:100%;
      background-repeat:no-repeat;
      background-position:center -35%;
    }

    .formbody table {
    width:100%;
    }

    .formbody .col_last textarea
    {
        width:85%;
        height:10em;
    }

    .formbody input.submit
    {
        width:100%;
    }

    .footercol {
      display:block;
      margin-bottom:5%;
    }

    #socialmedia {
    margin-top:15%;
    }

  }
	@media only screen and (min-width: 480px) and (max-width: 767px) {
   body {
    font-size:80%;
    }

    header {
      position:relative;
      background-image:url("../img/headerimg2.JPG");
      background-size:100%;
      background-repeat:no-repeat;
      background-position:top;
    }

    #quicklinks {
      width:100%;
    }
    #quicklinks ul {
      width:33%;
    }

    #logo{
    	float:left;
    }

    nav {
      width: 25%;
      float:right;
      border-top-left-radius: 10%;
      border-bottom-left-radius: 10%;
    }

    nav li:hover {
      border-top-left-radius:1em;
      border-bottom-left-radius:1em;
    }

    #bottomline {
      display:inline-block;
      width:100%;
      background:#ed1b24;
      padding: 6% 0;
      margin-top:5%;
    }

    #bottle{
    	width:66%;
      position:absolute;
      bottom:5%;
      left:20%;
    }

    #button{
      position:absolute;
      bottom:15%;
      left:44%;
      padding:1%;
      background:#fff;
      border:0.1em solid #fff;
      border-radius:0.5em;
    }

    #button a {
      color:#ed1b24;
      font-style:italic;
      text-decoration:none;
    }

    #button:hover {
      background:#ed1b24;
      border:0.1em solid #fff;
      -webkit-transition: background 0.5s; /* Safari */
      transition: background 0.5s;
    }

    #button:hover a {
      color:#fff;
      -webkit-transition: background 0.5s; /* Safari */
      transition: background 0.5s;
    }

    #bottle img {
    	max-width:100%;
      height:auto;
    }

    header h1, header h3 {
      padding:0;
      margin:0;
      color:#fff;
    }

    header h1 {
      float:left;
      margin-left:3%;
      font-size:2em;
      display:inline-block;
    }

    header #navbutton {
      background: #ed1b24;
      padding:0 3% 1%;
      border-bottom-left-radius: 50%;
      border-bottom-right-radius: 50%;
      color:#fff;
      font-size:2.5em;
      bottom:-4%;
      left: 45%;
      padding:0 3% 1%;
      position: absolute;
    }

    .formbody tr.row_1,
    .formbody tr.row_3
    {
        width:50%;
        float:left;
    }

    .formbody tr.row_2,
    .formbody tr.row_4
    {
        width:50%;
        float:right;
    }

    .formbody .col_last input
    {
        width:66%;
    }

    .formbody .col_last textarea
    {
        width:85%;
        height:10em;
    }

    .formbody input.submit{
        width:33%;
    }

    .footercol {
      float:left;
      display:inline-block;
    }

    #footer-info, #weber {
      width:32%;
    }

    #socialmedia {
      width:16%;
    }

    #socialmedia img{
      float:right;
    }
  }

  @media only screen and (min-width:768px) {
    body {
    font-size:100%;
    }
        header {
      position:relative;
      background-image:url("../img/headerimg2.JPG");
      background-size:100%;
      background-repeat:no-repeat;
      background-position:top;
    }

    #quicklinks {
      width:100%;
    }
    #quicklinks ul {
      width:33%;
    }

    #logo{
    	float:left;
    }

    nav {
      width: 25%;
      float:right;
      border-top-left-radius: 10%;
      border-bottom-left-radius: 10%;
    }

    nav li:hover {
      border-top-left-radius:1em;
      border-bottom-left-radius:1em;
    }

    #bottomline {
      display:inline-block;
      width:100%;
      background:#ed1b24;
      padding: 6% 0;
      margin-top:5%;
    }

    #bottle{
    	width:66%;
      position:absolute;
      bottom:5%;
      left:20%;
    }

    #button{
      position:absolute;
      bottom:15%;
      left:44%;
      padding:1%;
      background:#fff;
      border:0.1em solid #fff;
      border-radius:0.5em;
    }

    #button a {
      color:#ed1b24;
      font-style:italic;
      text-decoration:none;
    }

    #button:hover {
      background:#ed1b24;
      border:0.1em solid #fff;
      -webkit-transition: background 0.5s; /* Safari */
      transition: background 0.5s;
    }

    #button:hover a {
      color:#fff;
      -webkit-transition: background 0.5s; /* Safari */
      transition: background 0.5s;
    }

    #bottle img {
    	max-width:100%;
      height:auto;
    }

    header h1, header h3 {
      padding:0;
      margin:0;
      color:#fff;
    }

    header h1 {
      float:left;
      margin-left:3%;
      font-size:2em;
      display:inline-block;
    }

    header #navbutton {
      background: #ed1b24;
      padding:0 3% 1%;
      border-bottom-left-radius: 50%;
      border-bottom-right-radius: 50%;
      color:#fff;
      font-size:2.5em;
      bottom:-4%;
      left: 45%;
      padding:0 3% 1%;
      position: absolute;
    }

    .formbody tr.row_1,
    .formbody tr.row_3
    {
        width:50%;
        float:left;
    }

    .formbody tr.row_2,
    .formbody tr.row_4
    {
        width:50%;
        float:right;
    }

    .formbody .col_last input
    {
        width:66%;
    }

    .formbody .col_last textarea
    {
        width:85%;
        height:10em;
    }

    .formbody input.submit{
        width:33%;
    }

    .footercol {
      float:left;
      display:inline-block;
    }

    #footer-info, #weber {
      width:32%;
    }

    #socialmedia {
      width:16%;
    }

    #socialmedia img{
      float:right;
    }
  }

body {
	background:#ffffff;
	font-family: verdana, sans-serif;
	color:#000000;
	width:100%;
	margin:0;
  }

h1 {
	font-family: 'Satisfy', cursive;
	font-size: 3em;
}

h2 {
	font-family: verdana, sans-serif;
	font-size:1em;
}

h3 {
	font-family: 'Satisfy', cursive;
	font-size:2em;
}

h4 {
  font-family: 'Satisfy', cursive;
	font-size:1.6em;
  padding-left:5%;
}

header {
	width:100%;
}

#quicklinks {
  display:inline-block;
  margin-bottom: 5%;
}
#quicklinks ul {
  list-style-type:none;
  float:right;
  padding:0;
  margin:0;
}

#quicklinks a {
  background: #ed1b24;
  text-decoration:none;
  color:#fff;
  padding:2% 4%;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

#quicklinks a:hover {
  background: #ffffff;
  color:#ed1b24;
  -webkit-transition: background 0.5s; /* Safari */
  transition: background 0.5s;
}

#quicklinks li {
  display:inline;
  margin:0 1%;
}

#logo{
  height:auto;
  display:inline-block;
  clear:both;
  padding-left:2%;
  width:20%;
}

#logo img {
	max-width:100%;
  height:auto;
}

nav {
  padding:2% 0 2% 0;
  background:#ed1b24;
}

nav a  {
  color:#ffffff;
  font-size: 1.3em;
  text-decoration:none;
}

nav li:hover {
  background:#fff;
  -webkit-transition: background 0.5s; /* Safari */
  transition: background 0.5s;
}

nav li:hover a {
  color:#ed1b24;
  -webkit-transition: background 0.5s; /* Safari */
  transition: background 0.5s;
}

nav ul {
  padding:0;
  margin:0;
}

nav li {
  list-style-type:none;
  padding:4% 0 4% 10%;
  width:90%;
}

nav i.fa {
    font-size: 1.2em;
    margin-right: 3%;
}

section {
	width:100%;
  margin:10% 0;
}

.container {
  width:66%;
  margin:auto;
  font-size:1em;
}

.container h1 {
color:#ed1b24;
}

.container h2 {
padding-left:5%;
}

.container {
padding-left:5%;
margin-bottom: 10%;
}

.container p {
padding-left:5%;
}

.container-footer {
position:relative;
width:100%;
}

.container-footer img {
  border-bottom:3em solid #ed1b24;
	max-width:100%;
  height:auto;
}

.navbutton-up {
  background:#ed1b24;
  padding:0 3% 1%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  color:#fff;
  font-size:2.5em;
  padding: 0 3% 1%;
  position:absolute;
  bottom:-8%;
  left:45%;
  }

  .navbutton:hover i {
  color:#000;
  -webkit-transition: color 0.5s; /* Safari */
  transition: color 0.5s;
  }

  #verkaeufer li {
  margin:2% 0;
  color:#ed1b24;
  }

  #verkaeufer .container a {
  color:#000;
  }

  #verkaeufer span {
  color:#000;
  }

.formbody label
{
    font-weight:bold;
    color:#ed1b24;
}

.formbody td.col_first
{
    display:block;
}

.formbody td.col_last
{
    display:block;
    margin-bottom:2em;
}

.formbody tr.row_6 td.col_last
{
    margin-bottom:0;
}

.formbody .col_last input,
.formbody .col_last textarea
{
    border:1px solid #ed1b24;
}

.formbody input.submit
{
    padding:3%;
    border:0.1em solid #ed1b24;
    color:#FFFFFF;
    background:#ed1b24;
    font-size:1em;
}

.formbody input.submit:hover
{
    border:1px solid #ed1b24;
    color:#ed1b24;
    background:#FFFFFF;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.3s linear;
}

footer {
	width:100%;
  color:#fff;
  font-size:0.8em;
}

footer a {
  color:#fff;
}

.footercol {
  padding:2%;
}

footer img {
  max-width:100%;
  height:auto;
  float:left;
}

#footerbody {
background-color:#ed1b24;
display:inline-block;
width:68%;
float:left;
  padding:0 16%;
  font-size:1em;
}

footer p {
  margin: 5% 0;
}

#weber img{
 margin-right:5%;
}

section a {
  color:#ed1b24;
}

section a:hover {
  color:#000;
}