/* App Previews */
.app-wrapper
{
    display: none;
}
.appbox
{
    display: none;
    margin-bottom: 2rem;
}
.image-box img
{
    max-height: 500px;
}
.app-text
{
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.app-text .app-description p
{
    color: #1D355F;
    margin-bottom: 0.5rem;
}
.app-text .app-links
{
    display: flex;
}
.app-links img
{
    max-height: 40px;
    padding: 0 0.5rem;
}

/* Podcast Previews */
.audio-wrapper
{
    display: none;
}
.audio-box
{
    display: none;
    flex-direction: row;
    margin-bottom: 2rem;
}
.podcast-image img
{
    width: 200px;
    height: auto;
}
.podcast-text
{
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.podcast-text p
{
    color:#1D355F;
}

@media screen and (max-width: 768px) 
{
    .app-text .app-links
    {
        flex-direction: column;
    }
    .app-text .app-links > *
    {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 600px) 
{
    .image-box img
    {
        max-height: 300px;
    }
    .audio-box
    {
        flex-direction: column;
    }
    .podcast-image
    {
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 450px) 
{
    .appbox
    {
        flex-direction: column;
    }
    .image-box
    {
        margin-bottom: 1rem;
        display: flex;
        justify-content: center;
    }
    .app-text .app-links
    {
        align-items: center;
    }
    .app-description
    {
        margin-bottom: 1rem;
    }
}