.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
a,
a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
strong {
  font-weight: 700;
}
hr {
  border: 0;
  color: #000;
  background-color: #000;
  height: 0;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', arial, sans-serif;
  font-size: 16px;
  background: #ffffff url('background.jpg') top left;
  background-size: 600%;
}
bodyprivacy {  margin: 0;
  padding: 0;  font-family: 'Source Sans Pro', arial, sans-serif;
  font-size: 16px;
  background: #ffffff url('background_privacy.png') top left;
  background-size: 600%;}
@media screen and (min-width: 768px) {
  body {
    background-size: 220%;
    background: #ffffff url('background.jpg') top right;
  }
}
img {
  vertical-align: middle;
}
header {
  margin: 40px;
}
header h1 {
  display: none;
}
header figure {
  text-align: center;
  margin: 0;
  padding: 0;
}
header figure img {
  width: 157px;
  height: 70px;
}
header figure figcaption {
  font-family: 'Varela Round', arial, sans-serif;
  font-size: 30px;
  margin: 40px 0;
}
@media screen and (min-width: 768px) {
  header figure figcaption {
    font-size: 64px;
  }
  header figure figcaption span {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  header figure {
    text-align: left;
  }
}
main {
  margin: 100px 40px 40px 40px;
}
section {
  margin-bottom: 40px;
  float: left;
  width: 340px;
}
#privacy img,
#address img,
#contact img {
  width: 32px;
  height: auto;
  display: block;
  float: left;
  margin-right: 15px;
}
#address div,
#contact div {
  float: left;
}
footer {
  text-align: center;
  margin: 80px 40px 40px 40px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  footer {
    text-align: left;
  }
}