header,
.content,
footer {
    padding-left: 16px !important;
    padding-right: 16px !important;
}


@media only screen and (max-width: 600px) {
    .heading-animated {
        font-size: 2rem;
    }
}

@media only screen and (min-width:601px) and (max-width: 767px) {
    .heading-animated {
        font-size: 3rem;
    }
}

@media only screen and (min-width:768px) and (max-width: 1200px) {
    .heading-animated {
        font-size: 4rem;
    }
}
@media only screen and (min-width:1201px)  {
    .heading-animated {
        font-size: 5rem;
    }
}

 .mobile-video { display: none; }
    .desktop-video { display: block; }

    @media (max-width: 767px) {
        .mobile-video { display: block; }
        .desktop-video { display: none; }
    }