/* sobieski */





/* resets */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* HTML5 */
/* - - - - - - - - - - - - - - - - - - - - - - - */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}


/* document */
/* - - - - - - - - - - - - - - - - - - - - - - - */
*, *:after, *:before {
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
	box-sizing: inherit;
}

html {
    box-sizing: border-box;
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    height: 100%;
    position: relative;
}





/* palette */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.royal { color: #38337B; }
.royal-tint { color: #4B41DD; }
.royal-shade { color: #181533; }
.royal-ultra { color: #6258fe; }

.chartreuse { color: #428300; }
.chartreuse-tint { color: #80FF00; }
.chartreuse-shade { color: #172F00; }

.pearl { color: #7C7B87; }
.pearl-tint { color: #B0AEBE; }
.pearl-shade { color: #38337B; }

.dark { color: #0B0A14; }
.light { color: #F5F4FB; }





/* content */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html {
	scroll-behavior: smooth;
}

body { 
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6, code {
	color: #292929;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	line-height: 1.5;
}

h1 {
    font-size: 2.5rem;
	margin-bottom: .5rem;
}

h2 {
	font-size: 1.75rem;
	text-transform: uppercase;
}

h3 {
	font-size: 1.5rem;
	text-transform: uppercase;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: .75rem;
}

h6 {
    font-size: .5rem;
}

p {
    font-size: 1rem;
    margin-bottom: 2.5rem;
}

ul {
    list-style-type: disc;
    margin: 0 0 1.5rem 1.5rem;
}

ul ul {
    list-style-type: circle;
    margin: 1rem 0 1rem 1.5rem;
}

ol {
    list-style-type: decimal;
    margin: 0 0 1.5rem 1.5rem;
}

ol ol {
    list-style-type: lower-alpha;
    margin: 1rem 0 1rem 1.5rem;
}

li { margin-bottom: .5rem; }

pre {
    background: #999;
    border-left: 0.5rem solid #292929;
    color: #292929;
    display: block;
    overflow: auto;
    margin: 1.5rem 0.5rem 1.5rem 0;
    padding: 1rem;
    white-space: pre-wrap;
    width: 95%;
    word-wrap: normal;
}

a {
    color: #4B41DD;
    text-decoration: none;
	scroll-margin-top: 50px;
}

a:hover {
    text-decoration: underline;
}

blockquote {
    border-left: 0.5rem solid #333;
    margin-left: 0;
    padding: 1rem 1.5rem;
}

blockquote cite {
    color: #5c5c5c;
    font-size: 1rem;
}

blockquote cite:before {
    content: " - ";
}

img {
    display: inline-block;
    height: auto;
    width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.anchor {
    line-height: inherit;
}

.icon { 
	max-height: .75rem;
	max-width: .75rem;
    min-width: .75rem;
	vertical-align: baseline;
}

.heading-icon {
	margin-right: 1rem;
	max-height: 3.85rem;
	max-width: 3.85rem;
    min-width: 3rem;
	vertical-align: middle;
}

/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {

	h1 {
		font-size: 3rem;
	}

}





/* grid */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.row {
    display: table;
    float: none !important;
    margin: 0 auto;
    max-width: 81rem;
    padding: 2rem;
    width: 100%;
}

.row .column {
    float: left;
	/* padding: 1rem; */
}

.row:after {
    content: "";
    clear: both;
}

.row>.row {
    padding-left: 0;
}

.row>.row .column:first-child, .row>.row .column:nth-child(odd), .row>.row .column:nth-child(even), .row>.row .column:last-child {
    padding-left: 0;
    padding-right: 0;
}

.full {
    max-width: 100%;
	padding: 0;
}

.contain {
	padding: 0 2rem !important;
}

/* column widths */
/* - - - - - - - - - - - - - - - - - - - - - - - */
.small-12 { width: 100%; }
.small-11 { width: 91.67%; }
.small-10 { width: 83.34%; }
.small-9 { width: 75.00%; }
.small-8 { width: 66.67%; }
.small-7 { width: 58.33%; }
.small-6 { width: 50%; }
.small-5 { width: 41.67%; }
.small-4 { width: 33.33%; }
.small-3 { width: 25.00%; }
.small-2 { width: 16.66%; }
.small-1 { width: 8.33%; }


/* placeholders */
/* - - - - - - - - - - - - - - - - - - - - - - - */
.placeholder {
    background-color: #38337B;
    min-height: 3rem;
}

.placeholder p {
    color: #F5F4FB;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {
	
    .row * .row .column:first-child {
        padding-left: 0;
        padding-right: 2rem;
    }

    .row * .row .column:nth-child(odd) {
        padding-right: 2rem;
    }

    .row * .row .column:nth-child(even) {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .row * .row .column:last-child {
        padding-left: 2rem;
        padding-right: 0;
    }
	
	/* column widths */
	/* - - - - - - - - - - - - - - - - - - - - - */
	.medium-12 { width: 100%; }
	.medium-11 { width: 91.67%; }
	.medium-10 { width: 83.34%; }
	.medium-9 { width: 75.00%; }
	.medium-8 { width: 66.67%; }
	.medium-7 { width: 58.33%; }
	.medium-6 { width: 50%; }
	.medium-5 { width: 41.67%; }
	.medium-4 { width: 33.33%; }
	.medium-3 { width: 25.00%; }
	.medium-2 { width: 16.66%; }
	.medium-1 { width: 8.33%; }
	
}


/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) { 

	/* column widths */
	/* - - - - - - - - - - - - - - - - - - - - - */
	.large-12 { width: 100%; }
	.large-11 { width: 91.67%; }
	.large-10 { width: 83.34%; }
	.large-9 { width: 75.00%; }
	.large-8 { width: 66.67%; }
	.large-7 { width: 58.33%; }
	.large-6 { width: 50%; }
	.large-5 { width: 41.67%; }
	.large-4 { width: 33.33%; }
	.large-3 { width: 25.00%; }
	.large-2 { width: 16.66%; }
	.large-1 { width: 8.33%; }
	
}





/* navigation - main */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav {
	background-color: #0B0A14;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	padding: 0 !important;
	transition: ease-in-out .3s all;
}

.nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nav ul li {
	margin: 0;
	display: inline-block;
	position: relative;
}

.nav ul li a {
	border-radius: .3rem;
	color: #F5F4FB;
	cursor: pointer;
	display: none;
	font-size: 1rem;
	letter-spacing: .125rem;
	margin: 1rem .5rem;
	padding: 1rem 1.5rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.nav ul li a:hover {
	background-color: #4B41DD;
	transition: ease-in-out .3s all;
}

.nav ul li a.nav-open {
	display: block;
	float: left;
	margin: 1rem 1rem;
	padding: 1rem 1.5rem;
	position: fixed;
	right: 3rem;
	text-align: right;
	top: 0px;
	width: auto;
}

.nav ul li a.logo {
	float: left;
	opacity: 0;
	padding: .25rem 1.5rem 0 1.5rem;
	visibility: hidden;
}

.nav ul li a.logo:hover {
	background-color: #0B0A14;
}

.nav ul li a.logo img {
	max-height: 3.5rem;
	max-width: 12rem;
    min-width: 12rem;
}

.nav ul li a.emblem {
	display: inline-block;
	float: left;
	opacity: 1;
	padding: 0 1.5rem;
	visibility: visible;
}

.nav ul li a.emblem:hover {
	background-color: #0B0A14;
}

.nav ul li a.emblem img {
	max-height: 3rem;
	max-width: 6rem;
    min-width: 6rem;
}

.fullbody {
	height: 100%;
	overflow: hidden;
}

.nav .close {
	display: none;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {
	
	.nav ul {
		padding: 0 1rem;
	}
	
	.nav ul li {
		position: relative;
	}
	
	.nav ul li a {
		display: inline-block;
		float: right;
		font-size: .85rem;
		padding: 1rem .75rem;
		margin: 1rem 0;
		transition: all .5s;
	}
	
	.nav ul li a.nav-open {
		display: none;
		float: right;
		margin: 1rem 1rem;
	}
	
	.nav ul li a.logo {
		float: left;
		margin: 0 0 .25rem 0;
		opacity: 1;
		visibility: visible;
		transform: ease-in-out .5s all;
		width: 15rem;
	}
	
	.nav ul li a.emblem {
		float: left;
		opacity: 0;
		visibility: hidden;
		transform: ease-in-out .5s all;
		width: 0rem;
	}

	
    /* dropdown */
    /* - - - - - - - - - - - - - - - - - - - - - */
	.nav ul.branding {
		float: left;
	}
	
	.nav ul.links {
		float: right;
		height: auto;
	}
	
	.nav ul li ul {
		border-radius: .5rem;
		left: 0;
		opacity: 0;
		padding: 0;
		position: absolute;
		transition: ease-in-out .5s all;
		top: 90%;
		visibility: hidden;
		z-index: 999;
	}
	
	.nav ul li:hover ul {
		opacity: 1;
		visibility: visible;
	}
	
	.nav ul li ul li {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.nav ul li ul li a {
		background-color: #38337B;
		font-size: .85rem;
		margin: 0;
		padding: .75rem 1rem;
		text-align: left;
		text-decoration: none;
		width: 100%;
	}
	
	.nav ul li ul li a:hover {
		background-color: #4B41DD;
	}
	
}

/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {
	
	.nav ul {
		padding: 0 1rem;
	}
	
	.nav ul li a {
		font-size: 1rem;
		margin: 1.25rem .5rem .85rem .5rem;
		padding: 1rem 1.5rem 1rem 1.5rem;
	}

    /* dropdown */
    /* - - - - - - - - - - - - - - - - - - - - - */
	.nav ul li ul {
		left: .5rem;
		top: 93%;
	}
	
}





/*  navigation - mobile */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav .nav-mobile {
	background-color: #0B0A14;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.nav .nav-mobile li {
	display: inline;
	font-size: .6875rem;
    float: none;
    position: relative;
}

.nav .nav-mobile li a {
	display: inline-block;
	margin: .25rem .5rem;
	padding: 1.5rem 2rem;
	text-align: left;
	width: 72%;
}

.nav .nav-mobile li li a:before {
	content: "9";
	font-family: "Wingdings 3", sans-serif;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 1rem;
}

.nav .nav-mobile li a.emblem {
	display: block;
	float: left;
	margin: 1rem 1rem;
	padding: 0 1.55rem;
	width: 50%;
}

.nav .nav-mobile li a.logo {
	display: none;
}

.nav .nav-mobile li a.nav-open {
	float: left;
	margin: 1rem 1rem;
	padding: 1rem 1.5rem;
	position: fixed;
	right: 3rem;
	text-align: right;
	top: 0px;
	width: auto;
}

.nav .nav-mobile .close {
	display: inline-block;
}

.nav .nav-mobile .open {
	display: none;
}

.nav ul.branding {
	height: 100%;
}

.nav ul.links {
	height: 0;
	top: 5rem;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) { }


/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) { }





/*  navigation - sticky */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.sticky {
	position: fixed;
	top: 0;
	z-index: 1000;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {
	
	.sticky .nav li a.logo {
		opacity: 0;
		margin: 0;
		padding: 0;
		transform: ease-in-out .5s all;
		visibility: hidden;
		width: 0;
	}

	.sticky .nav li a.emblem {
		opacity: 1;
		padding: .5rem 0 0;
		visibility: visible;
	}

	.sticky .nav li a {
		font-size: .85rem;
		margin: .75rem .25rem .25rem;
	}
	
	.sticky .nav li li a {
		margin: 0;
	}
	
	.sticky .nav ul li ul {
		left: .25rem;
		top: 105%;
	}

	.sticky .nav li.search input[type=search] {
		margin: .75rem .5rem;
	}
	
	.sticky .nav li.search img {
		top: 1.75rem;
	}
	
	.sticky .nav .accordion > a:after {
		content: "6";
		font-family: Webdings;
		font-style: normal;
		font-size: .75rem;
		padding-left: .1875rem;
		padding-right: .125rem;
	}
	
}


/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) { }



/*  navigation - search bar */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav li.search input[type=search] {
	background-color: none;
	border: none;
	border-radius: .5rem;
	cursor: pointer;
	font-size: 1rem;
	letter-spacing: .125rem;
	margin: 1rem .5rem;
	padding: 1rem 1.5rem 1rem 1.5rem;
	position: fixed;
	right: 1rem;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	transition: all .5s;
	width: 0;
}
    
.nav li.search input[type=search]:focus {
	background-color: #F5F4FB;
	cursor: text;
	outline: 0;
	position: fixed;
	width: 16rem;
	z-index: 10;
}

.nav li.search img {
	color: #F5F4FB;
	cursor: pointer;
	max-height: 1.15rem;
	max-width: 1.5rem;
	pointer-events: none;
	position: fixed;
	right: 1.5rem;
	top: 2.25rem;
	transition: all .5s;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {

	.nav li.search {
		display: inline-block;
		margin: 1.5rem 1rem 1rem 3.5rem;
	}
	.nav li.search input[type=search] {
		float: right;
		font-size: .85rem;
	}
	
}


/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {
	
	.nav li.search input[type=search] {
		font-size: 1rem;
		margin: 1.25rem .5rem .85rem .5rem;
		padding: 1rem 1.5rem 1rem 1.5rem;
	}
	
	.nav li.search img {
		max-height: 1.5rem;
		max-width: 2rem;
		right: 2rem;
	}
	
}



/* navigation - accordion */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav .nav-mobile .accordion {
	display: block;
}

.nav .nav-mobile .accordion > a:after {
	content: "6";
	font-family: Webdings;
	font-style: normal;
	font-size: 1rem;
	padding: 0 .1875rem 0 .25rem;
}

.nav .nav-mobile .accordion.active > a:after {
	content: "5";
}

.nav .nav-mobile .accordion ul {
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.nav .nav-mobile .accordion.active ul {
	height: auto;
	margin-left: 2rem;
	opacity: 1;
	visibility: visible;
}

.nav .nav-mobile .accordion.active ul 

.nav .nav-mobile .accordion-toggle {
	display: block;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) { 

	.nav .accordion > a:after {
		content: "6";
		font-family: Webdings;
		font-style: normal;
		font-size: .75rem;
		padding-left: .1875rem;
		padding-right: .125rem;
	}
	
}

/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) { 

	.nav .accordion > a:after {
		content: "6";
		font-size: 1rem;
		padding-left: .1875rem;
		padding-right: .25rem;
	}
	
}





/* hero */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.hero {
    background-color: #ccc;
    background-image: url("../images/bg-hero-jeremy-fleischer-sobieski.png");
    background-repeat: no-repeat;
    background-size: cover;
	padding: 2rem 0 3rem;
    width: 100%;
	transition: all 0.5s ease-in-out;
}

.hero h1 { 
	color: #38337B;
	font-size: 2.25rem;	
}

.hero p { 
	color: #F5F4FB;
	font-size: 1.25rem;
	float: left;
	line-height: 1.5;
}

.hero .name {
	clear: right;
	display: inline-block;
	float: left;
	font-size: 2.75rem;	
}

.hero .name img {
	max-width: 5rem;
	margin: 0 1.75rem 1.75rem 0;
}

.hero .double-slash {
	color: #38337B;
	float: left;
	font-size: 1.65rem;
	display: none;
	padding: 0 .75rem;
}

.hero .title {
	clear: both;
	display: inline;
	float: left;
	font-size: 1.65rem;
	font-weight: 400;
	letter-spacing: .35rem;
	text-transform: uppercase;
	
}

.hero button {
	float: left;
}

/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {

	.hero { padding: 3rem 0 5rem; }
	.hero p { font-size: .95rem;}
}


/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {
	
	.hero { padding: 5rem 0 7rem; }
	.hero p { font-size: 1.5rem; padding-bottom: 2rem; }
	.hero h1 { font-size: 2rem; }
	.hero .name img { max-width: 3.5rem; margin-right: 2rem }
	.hero .name {clear: right; }
	.hero .double-slash { display: none; font-size: 2.35rem; }
	.hero .title { clear: none; font-size: 2.35rem; line-height: 1.8; padding-bottom: 1.5rem; vertical-align: bottom; }
	
}





/* about me */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.about-me {
    background-image: url("../images/bg-about-me-jeremy-fleischer-sobieski.png");
    background-repeat: no-repeat;
    background-size: cover;
	padding: 1rem 0 2rem;
    width: 100%;
}

.about-me h2 { 
	color: #F5F4FB;
	font-size: 1.75rem;
	padding: 2rem 0;
}

.about-me p { 
	color: #F5F4FB;
	font-size: .95rem;
	line-height: 1.5;
}

.about-me button {
	margin-bottom: 5rem;
}

.about-me .testimonial {
	margin-right: 0;
	width: 100%;
}

.about-me .testimonial:last-child {
	margin-left: 0;
}

.about-me .testimonial {
	background-color: #38337B;
	border-radius: 1rem;
	box-shadow: 0px 9px 0px 0px #4B41DD;
	margin-top: 3rem;
	padding: 2rem 2rem 1rem 2rem !important;
}

.about-me .testimonial img {
	float: left;
}

.about-me .koi {
	margin-top: 8rem;
	max-width: 10rem;
}

.about-me .testimonial .name {
	color: #F5F4FB;
	text-transform: capitalize;
}

.about-me .testimonial h3 {
	line-height: 1;
}

.about-me .testimonial .relate-company {
	color: #6258fe;
	font-size: 1rem;
	font-weight: 400;
	text-transform: capitalize;
}

.about-me .testimonial .dot {
	color: #4B41DD;
	vertical-align: text-bottom;
}

.about-me .testimonial p {
	font-size: 1rem;
	font-style: italic;
	letter-spacing: .12rem;
	line-height: 1.5;
	padding-top: 1rem;
	
}
.about-me .slideshow #slide-next, .about-me .slideshow #slide-prev  {
	font-family: Webdings;
	font-size: 2rem;
}

.about-me img {
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .75s ease-in, transform .75s ease-in;
}

.about-me img.loaded {
	opacity: 1;
	transform: translateY(0);
}



/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {

	.about-me { padding: 3rem 0 5rem; }
	
	.about-me h2 { padding: 0;}
	
	.about-me .koi { max-width: 20rem; margin-top: 2rem; }
	
	.about-me p { font-size: 1.25rem; line-height: 1.5; }
	
	.about-me .testimonial { padding: 3rem 3rem 2rem 3rem !important; }
	
	.about-me .testimonial p { font-size: 1.1rem; line-height: 1.75; }

}

/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {
	
	.about-me { padding: 5rem 0 7rem; }
	
	.about-me p { font-size: 1.5rem; }
	
	.about-me h2 { padding-bottom: 2rem; }
	
	.about-me .testimonial {margin-right: 2rem; width: 29.5%; }

	.about-me .testimonial:last-child { margin-left: 0;}
	
}





/* nubs */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nubs .nub {
	border-radius: 4rem;
	box-shadow: 0px 11px 2px 0px rgba(0,0,0,0.95);
	margin: 1.25rem;
	overflow: hidden;
	position: relative;
}

.nubs .nub:before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
	transition: all 650ms;
}

.nubs .nub:hover:before {
	left: 100%;
}

.nubs .nub img {
	border-radius: 4rem;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .75s ease-in, transform .75s ease-in;
}

.nubs .nub img.loaded {
	opacity: 1;
	transform: translateY(0);
}

/* buttons */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

button {
    border: 0.075rem solid #333;
    border-radius: .3rem;
    cursor: pointer;
    display: inline-block;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 1.5rem;
	font-weight: 600;
    line-height: 1.5rem;
    outline: 0;
    padding: .75rem 1.25rem;
    margin: 0 .75rem 1.5rem 0;
    text-align: center;
    text-decoration: none;
	text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

.primary {
    background-color: #4B41DD;
    border-color: #4B41DD;
    color: #F5F4FB;
}

.primary:hover {
    background-color: #6258fe;
	border-color: #6258fe;
	transition: ease-in-out .3s all;
}

.secondary {
    background-color: #38337B;
    border-color: #38337B;
    color: #F5F4FB;
}

.secondary:hover {
    background-color: #4B41DD;
	transition: ease-in-out .3s all;
}

.tertiary {
    background-color: #428300;
    border-color: #428300;
    color: #F5F4FB;
}

.tertiary:hover {
    background-color: #80FF00;
    color: #172F00;
	transition: ease-in-out .3s all;
}

.see-more {
	background-color: #B0AEBE;
	border-color: #B0AEBE;
	color: #F5F4FB;
	float: left;
	padding: 1rem 7.75rem;
	margin: 0 0 5rem 0;
	width: 100%;
}

.see-more:hover {
	background-color: #4B41DD;
	border-color: #4B41DD;
	color: #F5F4FB;
	transition: ease-in-out .3s all;
}
.see-more a {
	color: #F5F4FB;
}
.social {
    background-color: #38337B;
    border-color: #38337B;
    color: #F5F4FB;
	padding: .7rem .7rem;
}

.social img {
	max-height: 1.5rem;
	max-width: 2rem;
    min-width: 2rem;
}

.social:hover {
    background-color: #4B41DD;
	transition: ease-in-out .3s all;
}


/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {

	button {
		font-size: 1.5rem;
		padding: 1rem 1.75rem;
		margin: 0 1rem 1.5rem 0;
	}
	
	.secondary {
		background-color: #38337B;
		border-color: #38337B;
		color: #F5F4FB;
		padding: 1rem 1rem;
	}

	.see-more {
		float: right;
	}
	
	.social {
		padding: 1rem 1rem;
	}
	
}





/* skills card game */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.skills-match-game .actions {
    display: flex;
    justify-content: center;
}

.skills-match-game .actions button {
	display: none;
    padding: .5rem .5rem;
    font-size: 2rem;
	font-family: Webdings;
	border: none;
    border-radius: .5rem;
    background-color: hsla(0,0%,0%,0.00);
	text-transform: lowercase;
    color: #F5F4FB;
}

.skills-match-game p.score, .score {
	font-size: .0001rem;
}

.skills-match-game .grid-container {
	display: grid;
	justify-content: left;
	grid-gap: .015rem;
	grid-template-columns: repeat(6, 4rem);
	grid-template-rows: repeat(2, calc(4rem / 2 * 3));
	padding-top: 1.5rem;
}

.skills-match-game .card {
	border: 2px #38337B solid;
	border-radius: .5rem;
	cursor: pointer;
	height: calc(3.5rem / 2 * 3);
	width: 3.25rem;
	background-color: #6258fe !important;
	position: relative;
	transform-style: preserve-3d;
	transition: all 0.5s ease-in-out;
}
.skill-match-game .card:focus{
	border: 2px #6258fe solid;
}

.skills-match-game .front-image {
	width: 4rem;
	height: 5.75rem;
}

.skills-match-game .card.flipped {
	transform: rotateY(180deg);
}

.skills-match-game .front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.skills-match-game .card .front {
	display: flex;
	justify-content: center;
	align-items: center;
	transform: rotateY(180deg);
}

.skills-match-game .card .back {
	border-radius: .5rem;
  	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='pppixelate-pattern' width='20' height='20' patternUnits='userSpaceOnUse' patternTransform='scale(3.15) rotate(32)' shape-rendering='crispEdges'%3E%3Crect width='1' height='1' x='0' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='0' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='1' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='1' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='1' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='1' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='1' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='1' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='1' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='1' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='1' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='2' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='2' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='2' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='2' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='2' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='2' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='2' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='2' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='3' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='3' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='3' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='3' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='3' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='3' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='3' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='4' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='4' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='4' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='4' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='4' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='4' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='4' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='4' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='4' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='4' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='5' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='5' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='5' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='5' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='5' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='5' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='5' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='6' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='6' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='6' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='6' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='6' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='6' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='6' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='6' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='7' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='7' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='7' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='7' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='7' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='7' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='7' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='7' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='7' fill='%236258fe'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='8' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='9' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='9' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='9' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='9' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='9' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='10' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='10' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='10' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='10' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='10' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='10' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='10' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='10' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='10' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='10' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='10' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='11' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='11' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='11' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='11' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='11' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='11' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='11' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='11' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='11' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='11' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='11' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='12' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='12' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='12' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='12' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='12' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='12' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='12' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='12' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='12' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='13' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='13' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='13' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='14' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='15' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='15' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='15' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='15' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='15' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='16' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='16' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='16' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='16' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='16' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='16' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='16' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='17' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='17' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='17' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='17' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='17' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='17' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='17' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='18' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='18' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='18' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='18' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='18' fill='%23428300'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='18' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='18' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='0' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='1' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='2' y='19' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='3' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='4' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='5' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='6' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='7' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='8' y='19' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='9' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='10' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='11' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='12' y='19' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='13' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='14' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='15' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='16' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='17' y='19' fill='%2338337B'%3E%3C/rect%3E%3Crect width='1' height='1' x='18' y='19' fill='%234B41DD'%3E%3C/rect%3E%3Crect width='1' height='1' x='19' y='19' fill='%2338337B'%3E%3C/rect%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23pppixelate-pattern)'%3E%3C/rect%3E%3C/svg%3E");
  	background-position: center center;
  	background-size: cover;
  	backface-visibility: hidden;
}



/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {

	.skills-match-game .grid-container {
		grid-template-rows: repeat(4, calc(4.45rem / 2 * 3));
		justify-content: center;
	}
	
	.skills-match-game .card {
		height: calc(3.55rem / 2 * 3);
		width: 3.55rem;
	}

}

/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {

	.skills-match-game .grid-container {
		grid-template-columns: repeat(6, 4.65rem);
		grid-template-rows: repeat(2, calc(4.45rem / 2 * 3));
		justify-content: center;
	}
	
	.skills-match-game .card {
		height: calc(3.75rem / 2 * 3);
		width: 3.75rem;
	}

	
}



/* blogroll */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

main img {
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .75s ease-in, transform .75s ease-in;
}

main img.loaded {
	opacity: 1;
	transform: translateY(0);
}

.heading {
	padding-bottom: 0;
}

.heading h2 {
	margin: 0;
}

.blogroll .post .post-content, .post {
	border: none;
	padding-bottom: 1rem;
	padding-top: 2.5rem;
}

.blogroll .post .post-content figure {
	margin-bottom: 0;
	padding-right: 0 !important;
	width: 100%
}

.blogroll .post .post-content figure:hover {

}

.blogroll .post .post-content h3 {
	font-size: 1.75rem;
	font-weight: 300;
	letter-spacing: .025rem;
	line-height: 1.35;
	padding-bottom: .5rem;
}

.blogroll .post .post-content h3 a {
	color: #181533;
}

.blogroll .post .post-content .tags {
	font-size: .88rem;
	margin-bottom: .75rem;
}

.blogroll .post .post-content .tags a {
	color: #7C7B87;
}

.blogroll .post .post-content p {
	font-size: .88rem;
	margin-bottom: 1.5rem;
}

.blogroll .post .post-content .view-link {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: .125rem;
}

.blogroll .post .category {
	margin-bottom: .5rem;
}

.blogroll .post .category a {
	background-color: #80FF00;
	border-radius: .35rem;
	color: #181533;
	float: left;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: .75rem;
	font-weight: 800;
	margin: 1.25rem 0 -2rem .6rem;
	padding: .25rem .55rem;
	position: relative;
	text-transform: uppercase;
	z-index: 10;
	top: -57px;
}

.blogroll .post .post-content .category a:hover {
	background-color: #F5F4FB;
	color: #428300;
	transition: ease-in-out .3s all;
	text-decoration: none;
}

.blogroll .post .post-content .post-image {
	padding-right: 0 !important;
}

.blogroll .post:nth-child(even) {
	background-color: #0B0A14;
	padding-bottom: 2rem;
	padding-top: 3.75rem;
}

.blogroll .post:nth-child(even) h3 a {
	color: #D9D9D9;
}

.blogroll .post:nth-child(even) .post-content p {
	color: #D9D9D9;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {
	
	.heading {
		padding-bottom: 2rem;
	}
	
	.heading h2 {
		margin: 1.5rem 0;
	}
	
	.blogroll .post {
		border: none;
		padding-bottom: 3rem;
		padding-top: 7rem;
	}
	
	.blogroll .post:first-child {
		padding-top: 0;
	}
	
	.blogroll .post:nth-child(even) {
		padding-top: 8.5rem;
		padding-bottom: 5rem;
	}
	
	.blogroll .post:nth-child(even) .post-content{
		float: left;
		padding-left: 0;
		padding-right: 2rem;
	}

	.blogroll .post:nth-child(even) .post-image {
		float: right;
	}
	
	.blogroll .post figure {
		margin-bottom: 1rem;
	}
	
	.blogroll .post h3 {
		font-size: 1.75rem;
		letter-spacing: .025rem;
		line-height: 1.35;
		padding-bottom: 1rem;
	}
	
	.blogroll .post .tags {
		margin-bottom: 1.5rem;
	}
	
	.blogroll .post .view-link {
		font-size: 1rem;
	}

	.blogroll .post .category {
		margin-bottom: 2.5rem;
	}
	
	.blogroll .post .category a {
		float: right;
		font-size: .85rem;
		margin: 0 1.25rem;
		padding: .5rem 1.125rem;
		top: -55px;
	}
	
	.blogroll .post .category a:nth-child(even) {
		margin: 0;
	}
	
}


/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {
	
	.blogroll .post h3 {
		font-size: 2.35rem;
		letter-spacing: .025rem;
		line-height: 1.35;
		padding-bottom: 1rem;
	}
	
	.blogroll .post-content p {
		margin-bottom: 2.5rem;
	}
	
}




/* tiles */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.tile {
    background-color: #F5F4FB;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.tile h2 {
    font-size: 1rem;
}

.tile button {
    margin-bottom: 0;
}

.tile ul {
    margin-left: 0;
    text-align: center;
    list-style-type: none;
}

.tile img {
    padding-bottom: 1.5625rem;
    width: 83%;
}


/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {

    .tile h3 {
        text-align: center;
    }

    .tile ul {
        margin-left: 35%;
        text-align: left;
        list-style-type: circle;
    }
}





/* cards */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.card {
    background-color: #F5F4FB;
    border: 0.0625rem solid #ccc;
    border-radius: .3rem;
    display: block;
    margin: 0;
    padding: 1rem;
    text-align: center;
}

.card h2 {
    font-size: 1rem;
}

.card button {
    margin-bottom: 0;
}





/* text truncation */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.truncate-1, .truncate-2, .truncate-3 {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.5625rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.truncate-1 {
    height: 25px;
    -webkit-line-clamp: 1;
}

.truncate-2 {
    height: 50px;
    -webkit-line-clamp: 2;
}

.truncate-3 {
    height: 75px;
    -webkit-line-clamp: 3;
}





/* progress tracker */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.progress-tracker {
    display: table;
    margin: 1.5625rem 0;
    padding: 0;
    width: 100%;
}

.progress-tracker li:first-child:before {
    left: 50%;
}

.progress-tracker li:last-child:before {
    left: -50%;
}

.progress-tracker li {
    display: table-cell;
    position: relative;
    text-align: center;
}

.progress-tracker li .step {
    background-color: #999;
    border-radius: 1.5625rem;
    color: #F5F4FB;
    display: block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 1.5625rem;
    z-index: 100;
}

.progress-tracker li .label {
    color: #999;
    display: block;
    font-size: .5625rem;
    left: 0;
    margin-top: .5625rem;
    position: absolute;
    right: 0;
}

.progress-tracker li:before {
    background: #999;
    content: '';
    height: .3125rem;
    position: absolute;
    top: .625rem;
    width: 100%;
}

.progress-tracker .complete .step {
    background-color: #333;
}

.progress-tracker .complete .label {
    color: #5c5c5c;
}

.progress-tracker .complete:before {
    background: #5c5c5c;
}

.progress-tracker .active .step {
    background-color: #292929;
    color: #F5F4FB;
    font-weight: 800;
}

.progress-tracker .active .label {
    color: #333;
    font-weight: 800;
}

/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {

    .progress-tracker li .label {
        font-size: 1rem;
    }
	
}





/* breadcrumb */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 1.5625rem 0;
}

.breadcrumb li {
    color: #333;
    display: inline-block;
    margin: 0;
}

.breadcrumb li a {
    text-decoration: none;
}

.breadcrumb li a:after {
    color: #5c5c5c;
    content: "/";
    padding: 0 .3125rem;
}

.breadcrumb li:last-child a {
    color: #333;
}

.breadcrumb li:last-child a:after {
    content: none;
}





/* style guide */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* logo */
/* - - - - - - - - - - - - - - - - - - - - - - - */
.guide-logo .original, .guide-logo .dark {
    border: 0.0625rem solid #ccc;
    margin: 0 auto;
    padding: .3125rem;
    text-align: center;
    min-height: 16rem;
}

.guide-logo .original img, .guide-logo .original svg, .guide-logo .dark img, .guide-logo .dark svg {
    margin-top: 6rem;
    width: 25%;
}

.guide-logo .original {
    background-color: #F5F4FB;
}

.guide-logo .original path {
    fill: #333;
}

.guide-logo .dark {
    background-color: #292929;
}

.guide-logo .dark path {
    fill: #F5F4FB;
}


/* favicon */
/* - - - - - - - - - - - - - - - - - - - - - - - */
.guide-touch-favicon {
    margin: 0 auto;
    text-align: left;
}

.guide-touch-favicon .icon {
    display: inline-block;
    max-width: 35%;
    padding-right: 5%;
}

.guide-touch-favicon .icon img {
    max-height: 23rem;
    max-width: 23rem;
    vertical-align: baseline;
}

.guide-touch-favicon .icon .touch-icon-1, .guide-touch-favicon .icon .touch-icon-2, .guide-touch-favicon .icon .favicon-1 {
    border-radius: .3125rem;
}

.guide-touch-favicon .icon .touch-icon-1 {
    height: 90px;
    width: 90px;
}

.guide-touch-favicon .icon .touch-icon-2 {
    height: 60px;
    width: 60px;
}

.guide-touch-favicon .icon .favicon-1 {
    height: 32px;
    width: 32px;
}

.guide-touch-favicon .icon .favicon-2 {
    border-radius: .1875rem;
    height: 16px;
    width: 16px;
}


/* swatches 
/* - - - - - - - - - - - - - - - - - - - - - - - */
.guide-color-swatch {
    border: .0625rem solid #cccccc;
    padding: .3125rem;
}

.guide-color-swatch p {
    text-align: center;
    margin-bottom: 0;
    padding-top: .1875rem;
}

.guide-color-swatch .color {
    position: relative;
    width: 100%;
    padding: 50% 0;
}

.guide-color-swatch .color::before, .guide-color-swatch .color::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 20%;
}

.guide-color-swatch .color::before {
    left: 0;
}

.guide-color-swatch .color::after {
    right: 0;
}

.guide-color-swatch .mother {
    background: #333;
}

.guide-color-swatch .mother::before {
    background: #292929;
}

.guide-color-swatch .mother::after {
    background: #5c5c5c;
}

.guide-color-swatch .complement {
    background: #4c9ed9;
}

.guide-color-swatch .complement::before {
    background: #3d7eae;
}

.guide-color-swatch .complement::after {
    background: #70b1e1;
}

.guide-color-swatch .analog {
    background: #555;
}

.guide-color-swatch .analog::before {
    background: #444;
}

.guide-color-swatch .analog::after {
    background: #777;
}

.guide-color-swatch .adjacent {
    background: #999;
}

.guide-color-swatch .adjacent::before {
    background: #7a7a7a;
}

.guide-color-swatch .adjacent::after {
    background: #adadad;
}

.guide-color-swatch .support {
    background: #F5F4FB;
}

.guide-color-swatch .support::after {
    background: support-shade;
}


/* icons */
/* - - - - - - - - - - - - - - - - - - - - - - - */
.guide-icons [class^="icon-"] {
    color: #7a7a7a;
    font-size: 1.5625rem;
    line-height: 3.125rem;
    padding-right: .5625rem;
}





/* forms */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

form {
    position: relative;
}

form:before, form:after {
    content: " ";
    display: table;
}

form:before {
    clear: both;
}

form .form-group {
    margin-bottom: 1.5625rem;
    width: 100%;
}

form label {
    color: #292929;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    letter-spacing: .0625rem;
    line-height: 1.5625rem;
    padding: .3125rem 0;
}

form input, form textarea, form select {
    background: transparent;
    border: 0.0625rem solid #999;
    color: #292929;
    display: block;
    font-size: 1rem;
    line-height: 1.5625rem;
    padding: .625rem;
    width: 100%;
}

form textarea {
    min-height: 9.625rem;
}

form input:focus, form textarea:focus, form label:active+input, form label:active+textarea {
    outline: none;
    border: 0.0625rem solid #333;
}

form select:focus {
    outline: none;
}

form ::-webkit-input-placeholder {
    color: #292929;
    font-style: italic;
}

form ::-moz-placeholder {
    color: #555;
    font-style: italic;
}

form :-ms-input-placeholder {
    color: #555;
    font-style: italic;
}

form input[type="checkbox"], form input[type="radio"] {
    display: none;
}

form .radio, form .checkbox {
    display: inline-block;
    padding-right: 1.5626rem;
}

form input[type="checkbox"]+label span, form input[type="radio"]+label span {
    cursor: pointer;
    display: inline-block;
    margin: -.3125rem .625rem 0 0;
    width: .9375rem;
    vertical-align: middle;
}

form input[type="checkbox"]+label span:before, form input[type="radio"]+label span:before {
    font-family: "Glyphs", serif;
    content: '\e907';
}

form input[type="checkbox"]:checked+label span:before {
    font-family: "Glyphs", serif;
    content: '\e908';
}

form input[type="radio"]:checked+label span:before {
    font-family: "Glyphs", serif;
    content: '\e909';
}

form select {
    color: #292929;
    cursor: pointer;
    padding-bottom: .8125rem;
}

form select option {
    color: #333;
}

form .submit {
    clear: both;
    text-align: right;
}

form .column:nth-last-child(n+2) {
    padding-bottom: 0;
}

form #name-alert, form #email-alert {
    color: #7b2535;
}





/* table */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

table {
    border: none;
    padding: .3125rem;
    width: 100%;
}

table thead {
    display: none;
    font-weight: bold;
}

table tr {
    border: 1px solid #555;
    border-bottom: 2px solid #555;
    display: block;
    margin-bottom: .625rem;
    padding: .3125rem;
}

table td {
    color: #333;
    border-bottom: 1px dotted #999;
    display: block;
    font-size: .875rem;
    padding: .625rem;
    text-align: right;
}

table td:last-child {
    border-bottom: 0;
}

table td:before {
    text-transform: uppercase;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-weight: bold;
    content: attr(data-label);
    float: left;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {

    table {
        border: 1px solid #333;
        border-collapse: collapse;
        border-spacing: 0;
        padding: 0;
    }

    table thead {
        display: table-row-group;
    }

    table thead tr {
        border: 1px solid #333;
    }

    table thead th {
        background-color: #333;
        color: #F5F4FB;
        font-size: 14px;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
        letter-spacing: 1px;
        padding: .625rem;
        text-align: center;
        text-transform: uppercase;
    }

    table tr {
        border: 1px solid #333;
        display: table-row;
        margin-bottom: 0;
    }

    table td {
        display: table-cell;
        font-size: 1rem;
        padding: .625rem;
        text-align: center;
    }

    table td:before {
        display: none;
    }
}





/* modal */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#modal {
    background-color: #F5F4FB;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    -webkit-animation-name: fadeIn;
    /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
}

#modal .modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    margin: 15% auto;
    padding: 1.5625rem;
    width: 60%;
}

#modal .close {
    color: #aaaaaa;
    float: right;
    font-size: 1rem;
    font-weight: 800;
}

#modal .close:hover, #modal .close:focus {
    color: #000000;
    cursor: pointer;
    text-decoration: none;
}


/* animation */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}





/* slideshow */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.slideshow {
    position: relative;
}

.slideshow .slide:not(:first-child) {
	opacity: 1;
	visibility: visible;
}

.slideshow .slide {
    width: 100%;
}

.slideshow div {
    height: 100%;
    width: 100%;
}

.slideshow #slide-prev, .slideshow #slide-next {
    color: #F5F4FB;
    cursor: pointer;
    position: absolute;
    text-decoration: none;
    top: 45%;
}

.slideshow #slide-prev {
    left: 0;
}

.slideshow #slide-next {
    right: 0;
}

.slideshow .fade {
    animation: fading 10s infinite;
    -webkit-animation: fading 3s infinite;
}


/* animation */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@-webkit-keyframes fading {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fading {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}





/* text resizer */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#text-resizer span {
    cursor: pointer;
}

#text-resizer #resize-large {
    font-size: 1.625rem;
}

#text-resizer #resize-reset {
    font-size: 1.3125rem;
}

#text-resizer p {
    transition: ease-in-out .3s all;
    -webkit-transition: ease-in-out .3s all;
}



/* gallery */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.gallery .small {
    border: 1px solid #ccc;
    cursor: pointer;
    padding: .3125rem;
}

.gallery .small:hover {
    border: 1px solid #555;
    opacity: .9;
}

.gallery .desc {
    color: #999;
    display: block;
    font-size: .5625rem;
    padding: .5625rem;
    text-align: center;
}

.gallery .large {
    background: rgba(0, 0, 0, 0.95);
    display: none;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    padding: 3% 5%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.gallery .large p {
    color: #999999;
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: -27px;
    left: 0px;
    background: #000000;
    padding: 16px;
    opacity: .7;
}

#gallery-controls {
    color: #999;
    cursor: pointer;
    display: none;
    position: fixed;
    padding: 2.188rem;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 11000;
}

#gallery-controls .icon-arrow-left, #gallery-controls .icon-arrow-right, #gallery-controls .icon-cross {
    position: absolute;
}

#gallery-controls .icon-arrow-left {
    left: 25px;
    top: 100px;
}

#gallery-controls .icon-arrow-right {
    right: 35px;
    top: 100px;
}

#gallery-controls .icon-cross {
    right: 35px;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {


    #gallery-controls .icon-arrow-left {
        left: 25px;
        top: 200px;
    }

    #gallery-controls .icon-arrow-right {
        right: 35px;
        top: 200px;
    }

    #gallery-controls .icon-cross {
        right: 35px;
    }
}

/* large - 1280px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 64.0625rem) {

    .gallery .large {
        padding: 3% 23%;
    }

    .gallery .large p {
        bottom: -26px;
        left: -17px;
    }
}





/* posts */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.screen-reader-text {
    clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
    height: 0.0625rem;
    overflow: hidden;
    position: absolute !important;
    width: 0.0625rem;
}

.show {
    display: block;
}

.hide {
    display: none;
}


/* posts */
/* - - - - - - - - - - - - - - - - - - - - - - - */
.post .post-content {
    margin-bottom: 1.5625rem;
}

.post .post-content h1 {
	margin-bottom: 3rem;
}

.post .post-content h1 a {
    text-decoration: none;
}

.post .post-content h2 a {
    color: #333;
    text-decoration: none;
}

.post .post-content h2 a:hover {
    text-decoration: underline;
}

.post .post-content figure {
    float: left;
	padding: 2rem 0;
    width: 50%;
}

.post .post-content .post-meta {
    color: #5c5c5c;
	list-style-type: none;
    margin: 0 0 .5625rem 0;
}

.post .post-content .post-meta li {
    display: list-item;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: .95rem;
}

.post .post-content .post-meta li strong {
	font-size: 1rem;
}

.post .post-content .post-meta a {
    color: #5c5c5c;
}

.post .post-content p {
	font-size: 1.15rem;
}

.post .post-content .post-meta .comment-number {
    margin-bottom: 1.5625rem;
}

.post .post-content:nth-child(4n+1) figure {
    float: none;
    padding-right: 0;
    width: 100%;
}

.post .post-content .related-post {
    border-bottom: none;
    margin-top: 1.5625rem;
}

.post .post-content .related-post .time {
    margin-bottom: 0;
}


/* comments */
/* - - - - - - - - - - - - - - - - - - - - - - - */
.comments {
    border-bottom: 0.0625rem solid #999;
    margin-bottom: 1.5625rem;
}

.comments .commentlist {
    list-style-type: none;
    margin: 0;
}

.comments .commentlist .comment p {
    margin-bottom: .5625rem;
}

.comments .commentlist .comment .comment-author img {
    border-radius: 3.125rem;
    margin-right: 1rem;
    width: 5vw;
}

.comments .commentlist .comment .comment-body .comment-meta {
    font-size: .75rem;
    margin-bottom: .5625rem;
    line-height: .5625rem;
}

.comments .commentlist .comment .comment-body .comment-meta a {
    font-style: normal;
    text-transform: capitalize;
}

.comments .commentlist .comment .comment-body .comment-meta .icon-arrow-right {
    color: #999;
    font-size: .5625rem;
    padding: 0 0.1875rem 0 0.25rem;
}

.comments .commentlist .comment .comment-body .comment-meta time {
    color: #5c5c5c;
}

.comments .commentlist .comment .comment-body .comment-reply-link {
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 1.5625rem;
}

.comments .commentlist .comment .comment-body .comment-awaiting-moderation {
    color: #5c5c5c;
    float: right;
}

.comments .commentlist .comment .children {
    list-style-type: none;
    margin: 0 0 0 8.33%;
}

.comments #respond {
    border-bottom: 0.0625rem solid #999;
    margin-bottom: 1.5625rem;
    margin-left: 8.33%;
    position: relative;
}

.comments #respond .respond-title {
    display: none;
}

.comments #respond #respond-shown-elements {
    display: block;
}

.comments #respond .cancel {
    bottom: 2.063rem;
}

.comments #respond #cancel-reply {
    display: none;
}

#respond-shown-elements {
    position: relative;
}

#respond-shown-elements .cancel, #respond-shown-elements #cancel-reply {
    bottom: 1rem;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0.75rem;
    line-height: 1rem;
    position: absolute;
    right: 9rem;
    z-index: 100;
}


/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {

    
    /* posts */    
	/* - - - - - - - - - - - - - - - - - - - - - */
    .post .post-thumbnail {

    }

    /* comments */    
	/* - - - - - - - - - - - - - - - - - - - - - */
    .comments .commentlist .comment .comment-author img {
        width: 3.5vw;
    }
	
}





/* pagination */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

nav.pagination {
    background-color: none;
}

nav.pagination .page-numbers {
    color: #292929;
    display: inline-block;
    padding: .3125rem .5625rem;
    margin: 0 .3125rem 0 0;
    border: 0.0625rem solid #999;
    text-decoration: none;
    font-weight: 600;
}

nav.pagination .page-numbers.current {
    background: #5c5c5c;
    border: 0.0625rem solid #5c5c5c;
    color: #F5F4FB;
}

nav.pagination a.page-numbers:hover {
    background: #5c5c5c;
    border: 0.0625rem solid #5c5c5c;
    color: #F5F4FB;
}





/* social */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.social-share,.social-follow {
    line-height: 0;
    margin: 0 0 1.5625rem 0;
    text-align: left;
}

.social-share li, .social-follow li {
    display: inline-block;
    height: auto;
    margin: 0 2% 0 0;
    max-width: 18%;
}

.social-share li a, .social-follow li a {
    color: #F5F4FB;
    cursor: pointer;
    display: block;
    padding: .5625rem 0;
    text-decoration: none;
    width: 3.0625rem;
    text-align: center;
}

.social-share li .twitter, .social-follow li .twitter {
    background-color: #2aa9e0;
}

.social-share li .twitter:hover, .social-follow li .twitter:hover {
    background-color: #2183ae;
}

.social-share li .facebook, .social-follow li .facebook {
    background-color: #204385;
}

.social-share li .facebook:hover, .social-follow li .facebook:hover {
    background-color: #193467;
}

.social-share li .google-plus, .social-follow li .google-plus {
    background-color: #d3492c;
}

.social-share li .google-plus:hover, .social-follow li .google-plus:hover {
    background-color: #a43922;
}

.social-share li .pinterest, .social-follow li .pinterest {
    background-color: #ca2128;
}

.social-share li .pinterest:hover, .social-follow li .pinterest:hover {
    background-color: #9d1a1f;
}

.social-share li .linkedin, .social-follow li .linkedin {
    background-color: #02669a;
}

.social-share li .linkedin:hover, .social-follow li .linkedin:hover {
    background-color: #014f78;
}

.social-share li .rss, .social-follow li .rss {
    background-color: #f39200;
}

.social-share li .rss:hover, .social-follow li .rss:hover {
    background-color: #bd7100;
}

.social-share li .youtube, .social-follow li .youtube {
    background-color: #F5F4FBF5F4FB;
}

.social-share li .youtube:hover, .social-follow li .youtube:hover {
    background-color: #c6c6c6;
}

.social-share li .instagram, .social-follow li .instagram {
    background-color: #8e5c4f;
}

.social-share li .instagram:hover, .social-follow li .instagram:hover {
    background-color: #6e473d;
}

.social-share li:last-child {
    margin-right: 0;
}

.social-follow li {
    margin: 0 2% .625rem 0;
}

.social-follow li a {
    border-radius: 2px;
    padding: .5625rem 0;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
    width: 2.5rem;
}

.social-follow li:last-child {
    margin-right: 0;
}





/* contact form */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contact-form input, .contact-form select, .contact-form textarea {
    border: 0.0625rem solid #ccc;
}

.contact-form input:focus, .contact-form input:active, .contact-form select:focus, .contact-form select:active, .contact-form textarea:focus, .contact-form textarea:active {
    border: 0.0625rem solid #555;
}

.contact-form span {
    color: #70b1e1;
}

.contact-form .human-verification {
    left: 4.75rem;
    position: relative;
    top: -2.313rem;
}

.error {
    border: 0.0625rem solid #4c9ed9;
    color: #4c9ed9;
    margin-bottom: 1.5625rem;
    padding: .5625rem 1.5625rem;
}

label.error {
    background-color: #70b1e1;
    border: 0.0625rem solid #70b1e1;
    color: #F5F4FB;
    padding: .3125rem 1.5625rem .3125rem .5625rem;
    margin-bottom: 0;
}

input.error {
    color: #5c5c5c;
    background-color: #F5F4FB;
    border: 0.0625rem solid #70b1e1;
}

.success {
    border: 0.0625rem solid #999;
    border-radius: .25rem;
    color: #999;
    margin-bottom: 1.5625rem;
    padding: .5625rem 1.5625rem;
}


/* screen reader */
/* - - - - - - - - - - - - - - - - - - - - - - - */
.screenReader {
    left: -9999px;
    position: absolute;
    top: -9999px;
}




/* anchors */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a[id="skills"]:target~#main section.panel {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

a[id="work"]:target~#main article.panel {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
}

a[id="contact"]:target~#main article.panel {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
}





/* sidebar */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.sidebar {
    margin-top: 1.5625rem;
}

/* medium - 768px */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 48rem) {

    .sidebar {
        margin-top: 0;
    }
}





/* footer */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

footer {
    background-color: #05040A;
    margin-top: 3.125rem;
    text-align: center;
}

footer h2 {
    border-bottom: none;
    border-top: none;
    color: #F5F4FB;
}

footer p {
    color: #F5F4FB;
}

footer form label {
    color: #ccc;
}

footer form input, footer form textarea, footer form select {
    background-color: #999;
}

footer form img.ajax-loader {
    width: auto;
}

footer form input[type="submit"] {
    background-color: #333;
    border: 0.0625rem solid #333;
    border-color: #292929;
    border-radius: .3rem;
    color: #F5F4FB;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 1rem;
    line-height: 1.5625rem;
    outline: 0;
    padding: .5625rem 1.5625rem;
    margin: 0 auto 1.5625rem;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 48.75%;
}

footer form input[type="submit"]:hover {
    background-color: #292929;
}

footer form input[type="submit"]:active {
    background-color: #292929;
}

footer form .wpcf7-mail-sent-ok {
    border: 5px solid #74b359;
    background: #74b359;
}

footer form .wpcf7-validation-errors {
    border: 2px solid #f7ef78;
    background: #f7ef78;
}

footer .boilerplate {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    padding: 1.5625rem 0 2.5rem;
}

footer .boilerplate p {
    color: #7C7B87;
    font-size: .6875rem;
}

footer .rule {
    color: #5d5d5d;
	font-size: .6875rem;
}

footer .boilerplate ul {
	list-style: none;
	padding: 0;
	text-align: center;
}

footer .boilerplate li {
	display: inline-block;
	margin: 0 .95rem;
}

footer .boilerplate li a {
	color: #7C7B87;
	font-size: .6875rem;
	padding: 1.25rem;
}