@import url("normalize.css");
@import url("skeleton.css");
@import url("default.css");

@media screen and (max-width: 1401px) {
    body{
        padding: 4rem 4rem 4rem 4rem;
    }

    body header {
        padding-top: 2rem;
        padding-bottom: 5rem;
    }

    div.columns {
        margin-bottom: 2rem;
    }

    p.card {
        font-size: 2vw;
    }

    section {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 1025px) {
    body{
        padding: 4rem 4rem 4rem 4rem;
    }

    body header {

        padding-bottom: 5rem;
    }

    div.columns {
        margin-bottom: 2rem;

    }

    p.card {
        font-size: 2.5vw;
    }

    section {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 826px) {
    body{
        padding: 4rem 4rem 4rem 4rem;
    }

    body header {
        padding-top: 4rem;
        padding-bottom: 5rem;
    }

    div.columns {
        margin-bottom: 2rem;

    }

    div.image-constraint {
        text-align: center;
        width: auto;
        max-height: 20vw;
    }

    p.card {
        font-size: 3.0vw;
    }

    section {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 751px) {
    body{
        padding: 1rem 1rem 1rem 1rem;
    }

    body header {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    div.columns {
        margin-bottom: 2rem;
    }

    header div.columns {
        margin-bottom: 1rem;
    }

    div.image-constraint {
        text-align: center;
        width: auto;
        max-height: 20rem;
    }

    p.card {
        font-size: 3.0vw;
    }

    section {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 701px) {
    body{
        padding: 1rem 1rem 1rem 1rem;
    }

    body header {
        padding-top: 4rem;
        padding-bottom: 2rem;
    }

    div.columns {
        margin-bottom: 2rem;
    }

    div.image-constraint {
        text-align: center;
        width: auto;
        height:15rem;
        max-height: 15rem;
    }

    p.card {
        font-size: 3.0vw;
    }

    section {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 501px) {
    body{
        padding: 0.5rem 1rem 5rem 1rem;
    }

    body header {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    div.columns {
        margin-bottom: 4rem;

    }

    header div.columns {
        margin-bottom: 1rem;
    }

    p.card {
        font-size: 9.0vw;
    }

    section {
        margin-top: 0px;
    }
}


@media screen and (width: 500px) {
    body{
        padding: 0.5rem 1rem 5rem 1rem;
    }

    body header {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    div.columns {
        margin-bottom: 4rem;

    }

    header div.columns {
        margin-bottom: 1rem;
    }

    p.card {
        font-size: 9.0vw;
    }

    section {
        margin-top: 0px;
    }
}


@media screen and (max-width: 451px) {
    body{
        padding: 0.5rem 1rem 5rem 1rem;
    }

    body header {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    div.columns {
        margin-bottom: 2rem;
        padding: 0rem 2rem 0rem 2rem;
    }

    header div.columns {
        margin-bottom: 1rem;
        padding: 0px 0px 0px 0px;

    }

    div.image-constraint {
        text-align: center;
        width: auto;
        height:30rem;
        max-height: 30rem;
    }

    p.card {
        font-size: 8.0vw;
    }

    section {
        margin-top: 0px;
    }
}

@media screen and (max-width: 401px) {
    body{
        padding: 0.5rem 1rem 5rem 1rem;
    }

    body header {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    div.columns {
        margin-bottom: 2rem;

    }

    header div.columns {
        margin-bottom: 1rem;
    }

    div.image-constraint {
        text-align: center;
        width: auto;
        height:26rem;
        max-height: 26rem;
    }

    p.card {
        font-size: 8.0vw;
    }

    section {
        margin-top: 0px;
    }
}


@media screen and (max-width: 351px) {
    body{
        padding: 0.5rem 1rem 5rem 1rem;
    }

    body header {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    div.columns {
        margin-bottom: 2rem;

    }

    header div.columns {
        margin-bottom: 0rem;
    }

    p.card {
        font-size: 9.0vw;
    }

    section {
        margin-top: 0px;
    }
}