Beetle Books Adjustment Code

/* beetle book adjustment code by tawnyCollar#251887. may be used in commissions, personal CSS, and free CSS. do NOT remove credit, or reupload claiming it as your own. */
/* change beetle book image */
img[src$="beetlebook-front.png"] {
	background:none!important;
    content:url('IMAGE LINK HERE');
}

/* fits all elements on one line */
body > div.container.main > div > div.col-md-9.col-xs-12 > center {
    flex-wrap: nowrap;
    justify-content: space-between;
}
.dynastylist {
    flex: 1 1 auto;
    max-width: 20%;
    box-sizing: border-box;
}
/* resizes all images to fit the new layout */
.dynastylist img {
    width: 100%!important;
}

/* font option 1 - apply font size to all headers at once.  */
.dynastylist h3 {
    font-size: 20px !important; /* Adjust font size for all headers */
}

/* font option 2 - targets individual headers. delete this code if you're using font option one. */
.dynastylist:nth-child(1) h3 {
    font-size: 14px !important; /* king dynasty */
}
.dynastylist:nth-child(2) h3 {
    font-size: 14px !important; /* pride dynasty */
}
.dynastylist:nth-child(3) h3 {
    font-size: 14px !important; /* achievements */
}
.dynastylist:nth-child(4) h3 {
    font-size: 14px !important; /* showcase */
}
.dynastylist:nth-child(5) h3 {
    font-size: 14px !important; /* beetle book */
}