@media only screen and (max-width: 544px) {
  .hidden-sm {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .hidden-md {
    display: none !important; } }

@media only screen and (max-width: 992px) {
  .hidden-lg {
    display: none !important; } }

.container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
  padding: 0 15px; }
  @media only screen and (min-width: 992px) {
    .container {
      max-width: 1170px; } }

/* Button base */
.button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  font-size: 30px;
  min-width: 260px;
  padding: 0 15px;
  font-weight: 700;
  -webkit-transition: background-color .4s ease-in-out;
  -o-transition: background-color .4s ease-in-out;
  transition: background-color .4s ease-in-out;
  text-decoration: none;
  outline: 0;
  -webkit-border-radius: .2em;
          border-radius: .2em; }
  .button:hover {
    text-decoration: none; }

/* Button size variations */
.button-large {
  height: 60px;
  font-size: 36px; }
  @media only screen and (min-width: 768px) {
    .button-large {
      min-width: 320px; } }

/* Button color variations */
.button-primary {
  color: #ffffff;
  background-color: #0051B5; }
  .button-primary:hover, .button-primary:focus, .button-primary:active {
    background-color: #003373;
    color: #ffffff; }

.button-secondary {
  color: #0051B5;
  background-color: #F3D637; }
  .button-secondary:hover, .button-secondary:focus, .button-secondary:active {
    background-color: #CEB62E;
    color: #0051B5; }

.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

.no-scroll {
  overflow-y: hidden; }

/* This is where startpage specific styles should be written */