h1,
.h1 {
    font-size: 28px;
    margin: 20px 0
}

@media(min-width: 992px) {

    h1,
    .h1 {
        font-size: 36px
    }
}

h2,
.h2 {
    font-size: 25px;
    margin: 30px 0
}

h4,
.h4 {
    font-size: 10px;
    margin: 12px 0
}

@media(min-width: 992px) {

    h2,
    .h2 {
        font-size: 32px
    }
}

h3,
.h3 {
    font-size: 21px;
    margin: 15px 0
}

@media(min-width: 992px) {

    h3,
    .h3 {
        font-size: 28px
    }
}

h4,
.h4 {
    font-size: 10px;
}

@media(min-width: 992px) {

h4,
.h4 {
        font-size: 10px
    }
}

h5,
.h5 {
    font-size: 16px;
    margin: 10px 0
}

@media(min-width: 992px) {

    h5,
    .h5 {
        font-size: 20px
    }
}

h6,
.h6 {
    font-size: 14px;
    margin: 8px 0
}

@media(min-width: 992px) {

    h6,
    .h6 {
        font-size: 16px
    }
}

.intro {
    display: block;
    position: relative;
    background: none;
}

@media (min-width: 768px) {
    .intro {
        height: auto !important;
    }
}

.intro .intro-body {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 20;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.intro .intro-body .page-scroll {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.intro .intro-body .page-scroll:hover {
    animation: unset;
}

.overlay {
    position: absolute;
    background: #333;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 10;
    top: 0;
    opacity: 0.25;
}

.img-responsive {
        margin-top: 50px;
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}