@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
    url('fonts/OpenSans-Regular.woff') format('woff'),
    url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,
body {
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Open Sans';
}

main.container {
  max-width: 755px;
}

.main-container {
  min-height: 100%;
  width: 100%;
  background-color: #1d539d;
  color: white;
  padding-top: 6%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}

main {
  margin-top: 50px;
}

h2 {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  font-weight: 100;
}

#sellande-content {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btn {
  font-size: 17px;
  font-weight: 500;
  fill: #ffffff;
  color: #ffffff;
  background-color: #fab500;
  border-style: solid;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-color: white;
  font-weight: normal;
  padding: 12px 24px;
  text-decoration: none;
  border-radius: 4px;
  transition: all .15s linear;
}

.btn:hover {
  color: #fab500;
  background-color: white;
  border-color: #fab500;
}

#counter,
#sellande-content a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  color: #fab500;
}

h2,
p.counter-container {
  display: table;
  margin: 15px auto;
}

p.counter-container {
  margin-top: 45px;
}

#sellande-content a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 2px;
  background-color: #fab500;
  transition: all .3s ease-in-out;
}

#sellande-content a:hover:after {
  width: 100%;
}

#sellande-content p {
  width: 100%;
  max-width: 600px;
  margin-bottom: 15px;
}

p {
  text-align: center;
}

#sellande-content img {
  max-width: 100%;
}

#sellande-content .center-img {
  width: 100%;
  max-width: 435px;
}