.content-blocks {
    opacity: 0;
    transition: opacity 1s ease
}

.container-hero {
  padding-top: 4rem !important;
  padding-left: 4rem;
  padding-right: 4rem;
}

.container, .container-fluid {    
    padding-top: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.master-image {
    height: 100% !important;
}

.video-block {
    margin-bottom: -4rem !important;
}

@media screen and (max-width: 575px) {
  .container-hero {
    padding-top: 3.126rem !important;
    padding-left: 1.563rem;
    padding-right: 1.563rem;
  }

  .video-block {
    margin-bottom: -2rem !important;
  }
}

@media screen and (max-width: 575px) {
    .container, .container-fluid {
        padding-top: 1.563rem;
        padding-left: 1.563rem;
        padding-right: 1.563rem;
    }

    .master-image {
        height: auto !important;
    }

    /* .video-block {
        margin-bottom: -2.4rem !important;
        margin-top: -0.6rem !important;
    }

    .content-blocks .block:first-child {
        margin-bottom: -1rem;
    } */
}

@media screen and (max-width: 575px) {
    .intro-text {
        max-width: 100% !important
    }
}

.homepage .intro-text {
    padding-right: 2rem
}

@media screen and (max-width: 575px) {
    .homepage .intro-text {
        padding-right: 0
    }
}

@media screen and (max-width: 575px) {
        .block .container .content-wrapper > div, .block .container-fluid .content-wrapper > div {
            position:  relative !important
        }

            .block .container .content-wrapper > div img, .block .container .content-wrapper > div video, .block .container-fluid .content-wrapper > div img, .block .container-fluid .content-wrapper > div video {
                width: 100%;
                object-fit: cover
            }

            .block .container .content-wrapper > div video, .block .container-fluid .content-wrapper > div video {
                height: 100%
            }
}

.block .content .content-wrapper {
    position: relative;
    overflow: hidden
}

    .block .content .content-wrapper > div {
        position: absolute
    }

        .block .content .content-wrapper > div .text {
            display: none
        }

.block img, .block video {
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.block img {
    transition: filter .5s ease
}

.block video {
    width: 100%;
    object-fit: cover;
    margin-bottom: -.438rem;
    background-color: #1414140d
}


    .block.text-block .content .content-wrapper > div {
        position: relative
    }

        .block.text-block .content .content-wrapper > div .text {
            display: block
        }

@media screen and (max-width: 575px) {
    .block.text-block .content .content-wrapper > div .text > div {
        margin: 0 !important
    }
}

.block.text-block img, .block.text-block video {
    width: 100%;
    margin-top: 1rem;
    max-width: 50%
}

@media screen and (max-width: 576px) {
    .block.text-block img, .block.text-block video {
        max-width: unset
    }
}

.intro-text-width {
    width: 41.31%
}

@media screen and (max-width: 575px) {
    .intro-text-width {
        width: 100%
    }
}

.square-image-width {
    width: 58.69%
}

@media screen and (max-width: 575px) {
    .square-image-width {
        width: 100%
    }
}

.caption {
    font-size: 1.25rem;
    line-height: 1.313rem;
    margin-bottom: 2rem;
    margin-top: .687rem;
}

.related-project-image {
  object-fit: cover;
  width: 100%;
}


.manufacturer-link {
  color: #000;
  text-decoration: none;
}

.manufacturer-name {
    color: #747779;
    text-decoration: underline;
}