div.slogan1
{
    text-align: center;
    max-width: 70%;
    overflow-x: hidden;
}

div.slogan1 > h1
{
    font-size: var(--middleFontSize);
}


div.slogan1 > p
{
    font-size: calc(var(--smallFontSize) + 1rem);
    font-family: var(--displayLight);
}

div.slogan1 > div.button
{
    padding: 2rem;
}

div.slogan1 > div.button > a.button_rounded_bg
{
    background-image: url(../../svg/youtube_org_icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 40px auto;
    padding-left: 70px;
    text-transform: unset;
}



@media only screen and (max-width: 500px)
{
    div.slogan1
    {
        max-width: 100%;
    }

    div.slogan1 > p
    {
        font-size: var(--smallFontSize);
    }
}