@media only screen and (min-device-width: 600px) {
    .home-2-container {
    width: 90vw;
    margin: 1rem auto;
    @media only screen and (max-device-width: 999px) {
        width: 100vw;
    }

        .home-2-row {
            display: flex;

            @media only screen and (max-device-width: 999px) {
                display: flex;
                flex-direction: column;
            }
            .column1 {
                flex: 0 0 72%;
                margin-right: 1rem;
                @media only screen and (max-device-width: 999px) {
                    margin-right: 0;
                    margin-bottom: 1rem;
                    
                }
            }

            .column1-100 {
                flex: 0 0 100%;
            }

            .sidebar-column {
                flex: 1;
                background-color: lighten($primary-color, 40%);
                padding: 1rem;
            }
    }

    }
}

@media only screen and (max-device-width: 599px) {
    .home-2-container {
        display: none;
    }
}
.home-2-article {
    display: flex;
    background-color: white;
    box-shadow: 0 0 8px rgba($font-color, .5);
    margin-bottom: 20px;

    & > * {
        padding: .3rem;
    }

    @media only screen and (max-device-width: 599px) {
        flex-direction: column;   
    }

    &__thumbnail {
        flex: 0 0 35%;
        margin-right: 1rem;
        @media only screen and (max-device-width: 599px) {
            margin: 0;
        }
       
        img {
            width: 100%;
            height: auto;
        }
    }

    &__wrapper {

        &__title  {
            @media only screen and (max-device-width: 599px) {
                text-align: center;
                font-size: 80%;
            }
        }

        &__meta {
            display: flex;

            & > * {
                padding-right: 0.7rem;
            }
            @media only screen and (max-device-width: 599px) {
                text-align: center;
                justify-content: center;
                font-size: 80%;
            }
        }

        &__excerpt {

        }

        &__content {
            a {
                color: $font-color;
            }
        }
    }

    &__rm {

        a {
            background-color: $primary-color-dark;
            padding: 0.2rem .6rem;
            color: white;
            display: block;
            text-align: center;
            @media only screen and (max-device-width: 599px) {
                text-align: center;
                display: block;
                margin-bottom: 0;
            }

            &:hover {
                background-color: $primary-color; 
                transition: 1s all ease-in-out;
            }
        }
           
    }

    &__link {
        text-align: center;
        margin-top: 1rem;
        
        a {
            background-color: $primary-color-dark;
            display: block;
            padding: 0;
            color: white;
            text-align: center;
            // padding: 1rem 2rem;
            transition: all 0.3s ease-in-out;
            &:hover {
                background-color: $primary-color;
                color: white;
                transition: all 0.3s ease-in-out;
            }
        }
    }
}

.home-2-article-link {
    display: flex;
    background-color: white;
    box-shadow: 0 0 8px rgba($font-color, .5);
    margin-bottom: 20px;
    flex-direction: column;

    & > * {
        padding: .3rem;
    }

    &__wrapper {

        &__title  {
            @media only screen and (max-device-width: 599px) {
                text-align: center;
                font-size: 80%;
            }
        }

        &__meta {
            display: flex;

            & > * {
                padding-right: 0.7rem;
            }
            @media only screen and (max-device-width: 599px) {
                text-align: center;
                justify-content: center;
                font-size: 80%;
            }
        }
    }

    &__link {
        text-align: center;
        
        a {
            background-color: $primary-color-dark;
            display: block;
            color: white;
            text-align: center;
            padding: 1rem 2rem;
            transition: all 0.3s ease-in-out;
            &:hover {
                background-color: $primary-color;
                color: white;
                transition: all 0.3s ease-in-out;
            }
        }
    }
}
.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-1 {
    margin-bottom: 1rem;
}

.sticky {
    
    border-left: 6px solid $primary-color;
    @media only screen and (max-device-width: 599px) {
        border-left: 0;
        border: 3px solid $primary-color;
    }

}