@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");
html, body {
  min-height: 100vh;
  width: 100%;
}

body {
  font: normal 16px/1.55 'Open Sans', sans-serif;
  color: #343b3e;
  background: url(../images/bg.jpg) no-repeat center center/cover;
}

h1 {
  font-weight: 700;
  color: #0f486c;
  letter-spacing: -0.5px;
}

hr {
  opacity: 0.2;
  max-width: 500px;
}

button {
  padding: 10px 60px;
  font-size: 24px;
  background: #37B2F2;
  color: #fff;
  border: none;
  border-radius: 5px;
  transition: all 150ms ease-in-out;
}

button:hover {
  background: #0c7db7;
  transform: scale(1.025);
}

button:active {
  transform: scale(1.01);
}

section#s1 {
  min-height: 100vh;
}

section#s1 .box {
  background: #fff;
  padding: 30px 40px 40px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #e1e2e4;
}

section#s2 .image-col {
  position: relative;
  padding: 0 12px;
}

section#s2 .image-col img {
  width: 100%;
}

@keyframes primary {
  from {
    top: 0%;
  }
  to {
    top: -100%;
  }
}

@keyframes secondary {
  from {
    top: 100%;
  }
  to {
    top: 0%;
  }
}