/**
    Card Stuff
**/

.card-container {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 3px;
    padding-bottom: 64px;
    padding-top: 64px;
    margin-top: 64px;
    width: 100%;
}

.content {
    width: 50%;
    margin: 5% auto;
}

.top-container {
    width: 75%;
    margin: 0 auto;
    display: block;
}

.bottom-container {
    width: 75%;    
    margin: 10% auto 0 auto;
    display: block;
}

.image-container{
    width: 75%;    
    margin: 10% auto 0 auto;
    display: block;
}

.top-container img {
    width: 100%;
    z-index: 2;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 0 auto;
    display: block;
}

.image-container img {
    width: 100%;
    z-index: 2;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 32px auto;
    display: block;
    cursor: pointer;
}

h1 {
    color: var(--primary-color);
    font-weight: 300;
    font-size: 2.5em;
}

p {
    font-size: 1.3em;
}

@media (max-width: 1000px) {


    .top-container,
    .bottom-container {
        width: 90%;
        margin: 10% auto;
    }

    .right-container {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .top-container img{
        margin: 0 auto;
    }

    .card-container {
        flex-wrap: wrap;
        padding-top: 16px;
        padding-bottom: 16px;
    }

}