#campaign-page-new-visitors,
#campaign-page-better-visibility,
#campaign-page-get-connected,
#campaign-page-in-the-know {
    height: 340px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
#campaign-page-new-visitors > div,
#campaign-page-better-visibility > div,
#campaign-page-get-connected > div,
#campaign-page-in-the-know > div {
    width: 50%;
}
#campaign-page-better-visibility,
#campaign-page-in-the-know {
    flex-direction: row-reverse;
    background-color: #eeeeee;
    box-shadow: 600px 0 #eeeeee, -600px 0 #eeeeee;
}
#campaign-page-new-visitors .campaign-page-text-box,
#campaign-page-better-visibility .campaign-page-text-box,
#campaign-page-get-connected .campaign-page-text-box,
#campaign-page-in-the-know .campaign-page-text-box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 0 120px;
}

#campaign-page-ad-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
#campaign-page-ad-in-svg {
    height: 21.782463; width: 24.45516;
    animation: campaign-ad-show 3s ease;
}
@keyframes campaign-ad-show {
    0% { height: 0px; }
    100% { height: 21.782463; }
}

#campaign-page-seo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

#campaign-page-social-media-icons {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
#campaign-page-social-media-icons svg {
    margin: 10px;
    box-sizing: border-box;
    transition: transform 0.3s ease;
}
#campaign-page-social-media-icons svg:hover {
    transform: scale(1.2,1.2);
}
#campaign-page-social-media-icons svg:nth-of-type(2n-1) {
    margin-left: calc(50% - 140px);
}

#campaign-page-in-the-know {
    margin-bottom: 60px;
}
#campaign-page-in-the-know > .campaign-page-text-box {
    z-index: 100;
}
#campaign-page-in-the-know-graph {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#campaign-page-in-the-know-graph > div {
    width: 60px;
    margin: 0 20px;
    transition: all 0.3s ease;
}
#campaign-page-in-the-know-graph > div:nth-of-type(1) {
    height: 80px;
    background-color: #47790D;
    transform-origin: 100% 100%;
    animation: graphing 12s ease infinite;
}
#campaign-page-in-the-know-graph > div:nth-of-type(2) {
    height: 180px;
    background-color: #679C29;
    transform-origin: 50% 100%;
    animation: graphing 12s ease 3s infinite;
}
#campaign-page-in-the-know-graph > div:nth-of-type(3) {
    height: 140px;
    background-color: #85ba48;
    transform-origin: 50% 100%;
    animation: graphing 12s ease 6s infinite;
}
#campaign-page-in-the-know-graph > div:nth-of-type(4) {
    height: 260px;
    background-color: #AEDD77;
    transform-origin: 50% 100%;
    animation: graphing 12s ease 9s infinite;
}
@keyframes graphing {
    0% { transform: scaleY(1); }
    20% { transform: scaleY(1); }
    25% { transform: scaleY(1.3); }
    45% { transform: scaleY(1.3); }
    50% { transform: scaleY(1.1); }
    70% { transform: scaleY(1.1); }
    75% { transform: scaleY(0.8); }
    95% { transform: scaleY(0.8); }
    100% { transform: scaleY(1); }
}

@media screen and (max-width: 991px) {
    #campaign-page-new-visitors .campaign-page-text-box,
    #campaign-page-better-visibility .campaign-page-text-box,
    #campaign-page-get-connected .campaign-page-text-box,
    #campaign-page-in-the-know .campaign-page-text-box {
        padding: 0 74px;
    }
}
@media screen and (max-width: 768px) {
    #campaign-page-new-visitors,
    #campaign-page-better-visibility,
    #campaign-page-get-connected,
    #campaign-page-in-the-know {
        height: initial;
        display: flex;
        flex-wrap: wrap;
    }
    #campaign-page-new-visitors > div:nth-of-type(1),
    #campaign-page-better-visibility > div:nth-of-type(1),
    #campaign-page-get-connected > div:nth-of-type(1),
    #campaign-page-in-the-know > div:nth-of-type(1) {
        width: 360px;
        margin: auto;
    }
    #campaign-page-new-visitors > div:nth-of-type(2),
    #campaign-page-better-visibility > div:nth-of-type(2),
    #campaign-page-get-connected > div:nth-of-type(2),
    #campaign-page-in-the-know > div:nth-of-type(2) {
        width: 100%;
        margin: auto;
    }
    #campaign-page-new-visitors .campaign-page-text-box,
    #campaign-page-better-visibility .campaign-page-text-box,
    #campaign-page-get-connected .campaign-page-text-box,
    #campaign-page-in-the-know .campaign-page-text-box {
        padding: 60px 0 40px 0;
    }
    #campaign-page-better-visibility,
    #campaign-page-in-the-know {
        flex-direction: row;
        box-shadow: 100px 0 #eeeeee, -100px 0 #eeeeee;
    }
    #campaign-page-new-visitors,
    #campaign-page-get-connected {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 380px) {
    #campaign-page-new-visitors > div:nth-of-type(1),
    #campaign-page-better-visibility > div:nth-of-type(1),
    #campaign-page-get-connected > div:nth-of-type(1),
    #campaign-page-in-the-know > div:nth-of-type(1) {
        width: 300px;
    }
    #campaign-page-new-visitors svg,
    #campaign-page-better-visibility svg,
    #campaign-page-get-connected svg,
    #campaign-page-in-the-know svg {
        max-width: 100%;
    }
}