﻿
.secondary-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 25rem;
}


.secondary-container > h3, .secondary-container p.contact-text {
    text-align: center;
}

.secondary-container > p {
    padding: 1rem 0;
}


.dual-button-action-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 1.5rem;
    align-content: center;
    justify-items: center;
    margin: 3rem 3rem 0 3rem;
}

.single-button-action-bar {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 3rem;
    align-content: center;
    justify-items: center;
    margin: 1rem 3rem 0 3rem;
}


.left-button, .left-button:hover {
    width: 10rem;
}

.right-button, .right-button:hover {
    width: 10rem;
}

/*media queries*/

@media screen and (max-width:768px) {

    .tag-container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .dual-button-action-bar {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .secondary-container {
        height: 90%;
    }

}