/* stylelint-disable selector-list-comma-newline-after */


body {
  color: #414141;
  background-color: #ffffff;
}

/*--------------------------------------------------------------
# Header Section
--------------------------------------------------------------*/

header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.05;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}




/*--------------------------------------------------------------
# All Sections
--------------------------------------------------------------*/



.font-white {
  color: #ffffff;
}

.color-icon-on-light-background {
  color: #333333
}

.font-blue {
  color: #007aff;
}

.font-orange {
  color: rgb(255,159,10);
}

.font-grey-white-background {
  color: #999999;
}

.font-grey-drak-background {
  color: #888888;
}

.background-grey {
  background-color: #fafafa;
  /*background-color: #f2f2f2;*/
}

.background-dark-grey {
  background-color: #333333;
}

.background-white {
  background-color: #ffffff !important;
}

.background-dark-blue {
  background-color: rgb(30,33,66);
}

.background-blue {
  background-color: #007aff;
}

.text-row {
  text-align: center  
}




.link-color-white {
  color: #f3f5fa !important;
  text-decoration: none !important;
}
.link-color-white:hover, .link-color-white:active {
  color: #ffffff !important;
  text-decoration: underline !important; 
}

.pricing-header {
  max-width: 700px;
}

.card-deck .card {
  min-width: 220px;
}




/*--------------------------------------------------------------
# All Sections
--------------------------------------------------------------*/

.section-bg {
  background-color: #f3f5fa !important;  
}

.section-padding {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section-headline {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #414141;
  font-family: "Google Sans",Roboto,Arial,Helvetica,sans-serif !important;
  font-weight: 400;
  word-wrap: initial;
  letter-spacing: -.5px;
  line-height: 1.17857;
  margin-bottom: 26px;
}

.section-textcontent {
  font-weight: light !important;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.content-color-footer {
  color: #54585d;
}
.link-color-footer {
  color: #54585d !important;
  text-decoration: none !important;
}
.link-color-footer:hover, .link-color-footer:active {
  color: #1d1e21 !important;
  text-decoration: none !important; 
}


/*--------------------------------------------------------------
# Landingpage
--------------------------------------------------------------*/

.background-landing {
  background-image: url("../assets/header_banner.png");
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
}

.background-landing-new {
  background-image: url("../assets/header_banner_new.png");
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
}

.background-hero_image {
  background-image: url("../assets/Hero_Image.png");
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
  background-size: 80%;
  background-position: left 200px top 0px;
}

.secondary-hero_image {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  object-fit: cover;
}

.landingpage-padding {
  padding: 2rem 1rem;
}