body
{
    margin: 0px;
}

/* .cont {
    margin-top: 60px;
} */

.heading {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* .main-heading {
    color: #000;
    text-align: center;
    margin-top: 48px;
    font: 300 24px Ubuntu Sans, sans-serif;
} */

.subtext {
    color: #000;
    text-align: center;
    margin-top: 48px;
    margin-bottom: 0px;
    font: 400 16px/32px Ubuntu Sans, -apple-system, Roboto, Helvetica, sans-serif;
}

.hd-el {
    width: 600px;
}

.header-bg {
    background-color: #eac939;
    padding: 24px 0px 24px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* margin: 8px; */
    /* border-radius: 12px; */
}

.logo {
    width: 200px;
    /* margin-bottom: 48px; */
}

.review {
    width: 640px;
    border-radius: 25px;
    margin-top: 40px;
}

.video-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    /* margin-top: 40px; */
    width: 1280px;
    justify-content: space-around;
    align-items: center;
    /* background-color: DodgerBlue; */
}

.video-grid > div {
    animation: slideup 1s ease;
    animation-fill-mode: both;
}

.video-grid>div>video {
    width: 310px;
    height: auto;
    border-radius: 25px;
    /* margin: auto; */
}

.video-grid>div>picture>img {
    width: 310px;
    height: auto;
    border-radius: 25px;
    /* margin: auto; */
}

.wrapper {
    overflow: hidden;
    width: 100%;
  }
  
  .sliding-background {
    background: url("images/slider.jpg") repeat-x;
    background-size: 2110px 150px;
    height: 150px;
    width: 6330px;
    animation: slider 60s linear infinite;
  }
  
  @keyframes slider {
    0% {
      margin-left: 0px;
    }
    100% {
        margin-left: -2110px;
    }
  }

@keyframes slideup {
    from {margin-top: 10vh; opacity: 0%; }
    to {margin-top: 0vh; opacity: 100%; }
  }


@media (max-width: 1280px) {
    
    .video-grid {
        width: 960px;
    }

}

@media (max-width: 960px) {

    /* .hd-el {
        width: 80vw;
    } */
    
    .video-grid {
        width: 640px;
    }

}

@media (max-width: 640px) {

    /* .main-heading {
        font-size: 96px;
        margin-top: 32px;
    } */

    .hd-el {
        width: 80vw;
    }

    .logo {
        width: 40vw;
        /* margin: 56px; */
    }

    .review {
        width: 100%;
    }

    /* .subtext {
        margin-top: 16px;
        margin-bottom: 64px;
        font: 400 32px/2em Ubuntu Sans, -apple-system, Roboto, Helvetica, sans-serif;
    } */

    .video-grid {
        width: 96vw;
    }

    .video-grid>div>video {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }


    .video-grid>div>picture>img {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }

}