@import url("//hello.myfonts.net/count/3814a6");


@font-face {font-family: 'Sailec-Bold';src: url('webfonts/3814A6_0_0.eot');src: url('webfonts/3814A6_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3814A6_0_0.woff2') format('woff2'),url('webfonts/3814A6_0_0.woff') format('woff'),url('webfonts/3814A6_0_0.ttf') format('truetype');}


@font-face {font-family: 'Sailec-Black';src: url('webfonts/3814A6_1_0.eot');src: url('webfonts/3814A6_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3814A6_1_0.woff2') format('woff2'),url('webfonts/3814A6_1_0.woff') format('woff'),url('webfonts/3814A6_1_0.ttf') format('truetype');}


@font-face {font-family: 'Sailec-Regular';src: url('webfonts/3814A6_2_0.eot');src: url('webfonts/3814A6_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3814A6_2_0.woff2') format('woff2'),url('webfonts/3814A6_2_0.woff') format('woff'),url('webfonts/3814A6_2_0.ttf') format('truetype');}


@font-face {font-family: 'Sailec-Thin';src: url('webfonts/3814A6_3_0.eot');src: url('webfonts/3814A6_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3814A6_3_0.woff2') format('woff2'),url('webfonts/3814A6_3_0.woff') format('woff'),url('webfonts/3814A6_3_0.ttf') format('truetype');}


.Sailec-Bold { font-family: Sailec-Bold; }
.Sailec-Black { font-family: Sailec-Black; }
.Sailec-Regular { font-family: Sailec-Regular; }
.Sailec-Thin { font-family: Sailec-Thin; }


video {
  width: 100%!important;
}
body {
  margin: 0;
  font-family: Sailec-Regular;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #f8f8f8;
}
body, html {
    height: 100%;
}
@media (min-width: 992px) {
  .container {
    max-width: 1080px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 1080px;
  }
}
.white {
  background-color: #fff;
}
@media (max-width:420px) {
.shift {
  display: none;
}
}
h1, .h1 {

  font-family: Sailec-bold;
  font-size: 3rem;
  font-weight: 400;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #C50B34;
}
a {
  color: #C50B34;
}
.caption {
  font-size: 1.2rem;
}
.header {
  background-image: url(/gfx/bg_tile.png);
  background-repeat: repeat-x;
}
.w-100{
  float: right;
  width: auto!important;
}
.mb-6 {
  margin-bottom: 6rem!important;
}
.mt-6 {
  margin-top: 6rem!important;
}
.signupform {
  background-image: url(/gfx/background_football.jpg);
  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.byggetipslogo {
  vertical-align: middle;
  border-style: none;
  max-width: 551px;
  width: 100%;
}

.signupform h1, .signupform p  {
  color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #00619C;
    border-color: #00619C;
    text-transform: uppercase;
}
/*
.btn-group-lg>.btn, .btn-lg {
    font-size: 1.2rem;
    line-height: 2.1;
    padding: 1rem 4rem 1rem;
}
*/
.btn-group-lg>.btn, .btn-lg {
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 1.1rem 1rem;
}
.text-secondary {
  font-family: sailec-thin;
  font-size: 0.8rem;
  color: #fff!important;
}
.form-control-lg {
    height: calc(2.875rem);
    padding: 2rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #fff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(93,0,0,0.25);
}