/* COMIC ARCHIVE S1 :: START */
.c-s1 {
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #b2b2b2;
}
.c-s1 h2 {
    font-size: 1.258em;
    color: #318dde;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;   
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1.000em;
}
.c-s1 h3 {
    font-size: 1.258em;
    color: #318dde;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;   
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 1.000em;
}
/* COMIC ARCHIVE S1 :: END */
/* COMIC ARCHIVE S1 :: MEDIA QUERY*/
@media (min-width: 576px) {
}
@media (min-width: 768px) {
    .c-s1 {
        padding-top: 80px;
        padding-bottom: 80px;
    }    
}
@media (min-width: 992px) {
    .c-s1 h2 {
        font-size: 1.458em;
    }
    .c-s1 h3 {
        font-size: 1.458em;
    }
}
@media (min-width: 1200px) {
}
/* COMIC ARCHIVE S2 :: START */
.c-s2 {
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #b2b2b2;
}
.c-s2 h3 {
    font-size: 1.258em;
    color: #318dde;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;   
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 1.000em;
}
/* COMIC ARCHIVE S2 :: END */
/* COMIC ARCHIVE S2 :: MEDIA QUERY*/
@media (min-width: 576px) {
}
@media (min-width: 768px) {
    .c-s2 {
        padding-top: 80px;
        padding-bottom: 80px;
    }    
}
@media (min-width: 992px) {
    .c-s2 h3 {
        font-size: 1.458em;
    }
}
@media (min-width: 1200px) {
}
/* COMIC ARCHIVE S3 :: START */
.c-s3 {
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #b2b2b2;
}
.c-s3 h3 {
    font-size: 1.258em;
    color: #318dde;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;   
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 1.000em;
}
/* COMIC ARCHIVE S3 :: END */
/* COMIC ARCHIVE S3 :: MEDIA QUERY*/
@media (min-width: 576px) {
}
@media (min-width: 768px) {
    .c-s3 {
        padding-top: 80px;
        padding-bottom: 80px;
    }    
}
@media (min-width: 992px) {
    .c-s3 h3 {
        font-size: 1.458em;
    }
}
@media (min-width: 1200px) {
}
/* ARCHIVE :: START */
.c-archive img {
    margin-bottom: 1.000em;
    border: 2px solid #000000;
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 317px;
    height: 245px;
    object-fit: cover;
}
.c-archive {
    flex-wrap: wrap;
    flex-direction: row;
}
.c-archive .c-archive-box {
    flex: 0 0 100.00%;
    max-width: 100.00%;
    padding-left: 5px;
    padding-right: 5px;
}
.c-archive h4 {
    font-size: 0.750em;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;   
    text-transform: uppercase;
    text-align: center;
}
a.c-main-btn {
    font-size: 0.750em;
    width: 220px;
    height: 50px;
}
/* ARCHIVE :: END */
/* ARCHIVE :: MEDIA QUERY*/
@media (min-width: 576px) {
    .c-archive .c-archive-box {
        flex: 0 0 50.00%;
        max-width: 50.00%;
    }
    a.c-main-btn {
        font-size: 1.000em;
        width: 250px;
        height: 70px;
    }
}
@media (min-width: 768px) {
    .c-archive .c-archive-box {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}
@media (min-width: 992px) {
    .c-archive .c-archive-box {
        flex: 0 0 25.00%;
        max-width: 25.00%;
    }
}