@media screen and (max-width: 899px) 
{
    .site-name .line1 {
        font-size: 26px;
    }

    .site-name .line2 {
        font-size: 48px;
    }

    .wedding-date {
        font-size: 20px;
    }

    article > .content {
        padding: 50px;
    }

    article h2 {
        font-size: 36px;
    }

}

@media screen and (max-width: 599px) 
{
    article > .content {
        padding: 20px;
    }
}