@font-face {
  font-family: 'Trump Soft Pro';
  src: url('font/TrumpSoftPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Trump Soft Pro';
  src: url('font/TrumpSoftPro.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('font/BarlowSemiCondensed-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('font/BarlowSemiCondensed-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}


.vimeohero {
min-height: 745px;
overflow: hidden;
padding: 0;
position: relative;
}

.vimeohero iframe {
box-sizing: border-box;
height: 60vw;
left: 50%;
min-height: 100%;
min-width: 100%;
transform: translate(-50%, -50%);
position: absolute;
top: 35%;
width: 170vh;
}


img {
width: 100%;
}

.product-img{
width: 100%;
padding-bottom: 20px;
}

.blue{
background-color: #E3F1F7;
padding: 5px;
}

.grey{
background-color: #F8FAFC;
}
.stripes {
background: linear-gradient( to bottom, #66bddb 0, #66bddb 25%, #365d93 25%, #365d93 50%, #995392 50%, #995392 75%, #481b48 75%, #481b48 )no-repeat;
background-size: 100% 5em;
height: 5rem;
}


h1{
font-size: 65px;
  font-family: 'Trump Soft Pro';
  line-height: 100%;
  text-transform: uppercase;
  font-weight: bold;
}

h2{    font-family: 'Trump Soft Pro';
font-weight: bold;
text-transform: uppercase;
font-size: 45px;
line-height: 100%;
margin-top: 2rem;
margin-bottom: 1.5rem; }

.nav-item{
font-family: 'Barlow Semi Condensed' !important;
font-size: 20px;
vertical-align: baseline;
margin-right: 15px;
margin-left: 15px;
}
.navbar-nav{
align-items: center;
}
p{
font-size: 20px;
font-weight: 400;
line-height: 1.3;
font-family: 'Barlow Semi Condensed';
} 

.navbar-light .navbar-toggler-icon {
background-image: url("https://image.bodylab.dk/images/skins/bodylab2015/images/icons/mobileMenuBtn.svg");
border: none !important;
color: #ffff !important;
}


.navbar-light .navbar-toggler {
border: none !important;
color: #ffff !important;
}

.navbar-brand {
padding-left: 25px !important;
align-items: center;
margin-right: 1rem;
font-size: 1.25rem;
text-decoration: none;
white-space: nowrap;
vertical-align: baseline;
}

.navbar-toggler{
vertical-align: baseline;
padding-bottom: 20px;
}

.navbar {
padding: 30px;

}


#video-container .container-fluid{
width: 100%;
  padding-right: 0 !important; 
  padding-left: 0 !important; 
  margin-right: auto;
  margin-left: auto;
}


@media only screen and (max-width: 700px) {

.navbar-brand {
  padding-left: 15px !important;}

  .navbar-brand img{
    width: 150px;
  }
  .nav-item{
    padding-left: 15px;
  }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 700px !important;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}

.vimeohero{
padding:56.25% 0 0 0;
position: relative;
min-height: 300px !important;
}
.vimeohero iframe {
width: 100vw;
height: 56.25vw; 
min-width: 97vh;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
bottom: 0 !important;
}
}