.roboto-light {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
.roboto-normal {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }
.roboto-semibold {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.calibri-light {
    font-family: 'Calibri Light', sans-serif;
}
.calibri-bold {
    font-family: "Calibri Bold";
}
.text-lightgreen {
    color: #E7FFD2;
}
.banner-section {
    background: url('../img/banner-background.avif') no-repeat 50% 50%/cover;
    background-attachment: fixed;
}
.banner-wrapper {
    background-color: rgba(0,0,0,0.7);
}

.video-section {
    background: url('../img/video-background.avif') no-repeat 50% 50%/cover;
    background-attachment: fixed;
}
.video-wrapper {
    background-color: rgba(255,255,255,0.2);
}

.calltoaction-section {
    background: url('../img/calltoaction-background.avif') no-repeat 50% 50%/cover;
    background-attachment: fixed;
}
.calltoaction-wrapper {
    background-color: rgba(0,0,0,0.7);
}

.featured-section {
    background: url('../img/featured-background.avif') no-repeat 50% 50%/cover;
    background-attachment: fixed;
}
.featured-wrapper {
    background-color: rgba(255,255,255,0.7);
}