@charset "UTF-8";
body {
	height: 100%;
	width: 100%;
	margin: 0;
}
.navbar .navtext-illustration {
    /*font-family: 'PalanquinDark-SemiBold', 'Arial Bold', sans-serif !important;*/
    font-family: 'Palanquin', 'Arial Bold', sans-serif !important;
}
/*.navbar .navtext-illustration:after {
    width:100%;
    background-color:#000;
}
.navbar .navtext-illustration:hover:after {
    background-color:#787878;
}*/

/*Body Content*/
.container {
	margin: auto;
	min-height: 100%;
	background: #f1f6fb;
	display: flex;
    flex-direction: column;
}
h1 {
	font-family: 'Palanquin', 'Arial Bold', sans-serif;
	font-size:1.5em;
    margin:10px auto;
    text-align:center;
    color: #273a71;
    width:90%;
    max-width:1080px;
}
h1::before, h1::after {
    content:'';
    background-color:#273a71;
    display:inline-block;
    height:2px;
    width:calc(45% - 130px - 10px);
}
h1::before {
    margin-right:10px;
}
h1::after {
    margin-left:10px;
}

h2 {
	font-family: 'Arial Black', sans-serif;
	color: #464646;
	margin:0;
	text-align:center;
}
body p {
	font-family: 'Arial', sans-serif;
	color: #767676;
	margin:0;
	text-align:center;
}
.flexImg {
    width:100%;
}

.container section {
    width: 90%;
    margin: 10px auto;
    max-width: 1080px;
    border-radius: 15px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
}

.container .thumbnail-grid {
    width:100%;
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    grid-gap:15px
}

.container section p {
    margin:10px auto 5px auto;
}

/* Discord Stickers */
.commission-sample-sq {
	width:100%;
	height:0;
	padding-bottom:100%;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	margin:auto;
}
.container .sticker-grid {
	width:100%;
	display:grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	grid-gap:15px;
}
.commission-scorchio {
	background-image: url(//www.maxvandoorn.com/commissions/scorchio.png);
}
.commission-jhudora {
	background-image: url(//www.maxvandoorn.com/commissions/jhudora.png);
}
.commission-pteri {
	background-image: url(//www.maxvandoorn.com/commissions/pteri.png);
}
.commission-fyora {
	background-image: url(//www.maxvandoorn.com/commissions/fyora.png);
}
.commission-kacheek {
	background-image: url(//www.maxvandoorn.com/commissions/kacheek.png);
}

.commission-slorg {
	background-image: url(//www.maxvandoorn.com/commissions/heartslorg.png);
}
.commission-spardel {
	background-image: url(//www.maxvandoorn.com/commissions/spardel.png);
}
.commission-gooblah {
	background-image: url(//www.maxvandoorn.com/commissions/gooblah.png);
}
.commission-orvinn {
	background-image: url(//www.maxvandoorn.com/commissions/orvinn.png);
}
.commission-vullard {
	background-image: url(//www.maxvandoorn.com/commissions/vullard.png);
}
.commission-tarla {
	background-image: url(//www.maxvandoorn.com/commissions/tarla.png);
}

/*Media Queries*/
@media screen and (max-width:700px) and (min-width:481px) {
	.container .sticker-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
@media screen and (max-width:480px) {
	h1 {
		font-size: 20px;
	}
	.container .sticker-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.container .thumbnail-grid {
	    grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}