// Mobile Critical

@include tablet {

.container {
    width: 75%;
}
#main-header {
    a {
        font-size: $huge;
    }
}
figure > img {
    width: 75%;
}

}

@include phone {

.container {
    width: 90%;
}
#main-header {
    a {
        font-size: 10vw;
    }
}
.header {
    font-size: $LARGE;
}
figure > img {
    width: 95%;
}
table {
    width: 95%;
}
// https://stackoverflow.com/questions/5303263/fix-font-size-issue-on-mobile-safari-iphone-where-text-is-rendered-inconsisten
td {
    -webkit-text-size-adjust:100%;
}
#blog-list a .card{
    @include float-card;
    padding-top: 10px;
    padding-bottom: 10px;
    .post-title {
        font-size: $large;
        font-weight: 600;
    }
}

}