/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


/* -- PORTFOLIO STYLES -- */ 

h1, h2, h3, h4, h5, p {
	padding:0; 
	margin:0;
	}

h1, h2, h3, h4, h5 {font-family: 'EB Garamond', serif;}

h1 {
	font-size: 28px; 
	font-weight:medium; 
	margin-bottom:10px;
	}

	.h1-bigger {font-size:40px;}

	.mast {
		color:#fff; 
		font-weight:initial;
		font-size:20px; 
	}

h2 {
	font-size:18px; 
	font-weight: initial; 
	margin-bottom:10px;
	}

h3 {
	font-size:20px; 
	font-weight: initial; 
	margin-bottom:10px;
	}

h4 {
	font-size:15px; 
	font-weight: normal; 
	font-style:italic; 
	margin-bottom:10px;
	}

h5 {
	font-size:20px; 
	font-weight: initial;
	color:#fff;
	}

p {
	font-family: 'Palanquin', sans-serif;
	font-size:15px;
	line-height: 26px;
	margin-bottom: 10px;
	}

	.p-bold {font-weight:bold;}

.masthead a {
	color:#fff; 
	text-decoration: none;
	}

.masthead a:hover, 
.masthead a:active {
	color:#fff; 
	text-decoration: underline;
	}

.footer {
	-ms-grid-column: 1;
	    grid-column-start: 1;
	-ms-grid-column-span: 6;
	grid-column-end: 7;
	text-align: center;
	color:#fff;
	}

.footer a {
	color:#fff; 
	text-decoration: none;
	}

.footer a:hover, 
.footer a:active {
	color:#fff; 
	text-decoration: underline;
	}


h3 a {
	color:#fff; 
	text-decoration: none;
	display: block;
	padding: 40px 0px;
	}

h3 a:hover, 
h3 a:active {
	color:#fff; 
	text-decoration: underline;
	}



/*-- Index aka Landing Page --*/ /*-- Index aka Landing Page --*/ /*-- Index aka Landing Page --*/

.blockwrap {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	-ms-grid-rows: (50vh)[2];
	grid-template-rows: repeat(2, 50vh);
	}

.blockwrap > *:nth-child(1) {
	-ms-grid-row:1;
	-ms-grid-column:1;
	}

.blockwrap > *:nth-child(2) {
	-ms-grid-row:1;
	-ms-grid-column:2;
	}

.blockwrap > *:nth-child(3) {
	-ms-grid-row:1;
	-ms-grid-column:3;
	}

.blockwrap > *:nth-child(4) {
	-ms-grid-row:2;
	-ms-grid-column:1;
	}

.blockwrap > *:nth-child(5) {
	-ms-grid-row:2;
	-ms-grid-column:2;
	}

.blockwrap > *:nth-child(6) {
	-ms-grid-row:2;
	-ms-grid-column:3;
	}


#box1, #box2, #box3 {color:#3c3c3c;}

#box4, #box5, #box6 {color:#fff;}


#box1 {background: #e6e3ea;}

#box2 {background: #cfc8d8;}

#box3 {background: #b5abc3;}

#box4 {background: #9c91b1;}

#box5 {background: #84759c;}

#box6 {background: #6c5b88;}


.topleft, 
.topmiddle, 
.topright, 
.bottomleft, 
.bottommiddle, 
.bottomright {
	display: -ms-inline-grid;
	display: inline-grid;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding:24px;
	}


.centered {text-align: center;}

.indent {margin-left:15px;}

.nomargin {margin:0;}





/*-- Resume Page --*//*-- Resume Page --*//*-- Resume Page --*/

.blockwrap-resume {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
	grid-template-columns: repeat(6, 1fr);	
	grid-column-gap: 40px;	
	/*margin:20px;*/
	padding:24px;
	background: #9c91b1;
	}

.masthead {
	display: -ms-inline-grid;
	display: inline-grid;
	-ms-grid-column: 1;
	    grid-column-start: 1;
	-ms-grid-column-span: 6;
	grid-column-end: 7;
	-ms-grid-row: 1;
	    grid-row-start: 1;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	margin-bottom:40px;
	}

	.left {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}

	.right {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		-ms-grid-column: 4;
		    grid-column-start: 4;
		-ms-grid-column-span: 3;
		grid-column-end: 7;
		text-align: right;
		}


.aboutme {
	-ms-grid-column: 1;
	    grid-column-start: 1; 
	-ms-grid-column-span: 2; 
	grid-column-end: 3;
	}

	.bestpoints {margin-bottom:40px;}

		.point {margin-bottom:20px;}

		.point h2 {margin-bottom: 0;}


.job-block {
	-ms-grid-column: 3;
	    grid-column-start: 3; 
	-ms-grid-column-span: 4; 
	grid-column-end: 7;
	margin-bottom:40px;
	}

.gadv {-ms-grid-row: 2;grid-row-start: 2;}





/*-- Portfolio Page --*//*-- Portfolio Page --*//*-- Portfolio Page --*/


.blockwrap-works {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[6];
	grid-template-columns: repeat(6, 1fr);
	/*margin:20px;*/
	padding:24px;
	background: #84759c;
	}

.portfolio-grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-column: 1;
	    grid-column-start: 1;
	-ms-grid-column-span:6;
	grid-column-end:7;
	grid-column-gap: 20px;
	grid-row-gap: 14px;
	-ms-grid-columns: 23.72% 20px 23.72% 20px 23.72% 20px 23.72%;
	grid-template-columns: repeat(4, 23.72%);
	margin-bottom:80px;
	background: #84759c;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
	}

.portfolio {
	width: auto;
	height: auto;
	}

.portfolio img {
	width: 100%;
	height: auto;
	}

.portfolio-blurb {
	-ms-grid-column: 2;
	    grid-column-start: 2;
	-ms-grid-column-span: 2;
	grid-column-end: 4;
	margin-top:10px;
	}

.videobox {
	-ms-grid-column: 1;
	    grid-column-start: 1;
	-ms-grid-row: 1;
	    grid-row-start: 1;
	-ms-grid-row-span:3;
	grid-row-end:4;
	}



.gadvgrid {
	-ms-grid-columns: 30% (1fr)[3];
	grid-template-columns: 30% repeat(3, 1fr);
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
	}

.videobox video {width:100%;}

.gadv-blurb {
	-ms-grid-column: 2;
	    grid-column-start: 2;
	-ms-grid-column-span: 3;
	grid-column-end: 5;
	-ms-grid-row: 1;
	    grid-row-start: 1;
	}

.snk-blurb {
	-ms-grid-column: 4;
	    grid-column-start: 4;
	-ms-grid-column-span: 1;
	grid-column-end: 5;
	-ms-grid-row: 1;
	    grid-row-start: 1;
	}

.mmg-blurb {
	-ms-grid-column: 4;
	    grid-column-start: 4;
	-ms-grid-column-span: 1;
	grid-column-end: 5;
	-ms-grid-row: 1;
	    grid-row-start: 1;
	}

.matita-blurb {
	-ms-grid-column: 4;
	    grid-column-start: 4;
	-ms-grid-column-span: 1;
	grid-column-end: 5;
	-ms-grid-row: 1;
	    grid-row-start: 1;
	}

.illu-blurb {	-ms-grid-column: 4;
	    grid-column-start: 4;
	-ms-grid-column-span: 1;
	grid-column-end: 5;
	-ms-grid-row: 1;
	    grid-row-start: 1;
	}

.illu-blurb, 
.matita-blurb, 
.mmg-blurb, 
.snk-blurb, 
.gadv-blurb {color:#fff;}





/* -- TABLET -- */ /* -- TABLET -- */ /* -- TABLET -- */ /* -- TABLET -- */ /* -- TABLET -- */ 

@media (max-width: 768px) {


}






/* -- MOBILE -- */ /* -- MOBILE -- */ /* -- MOBILE -- */ /* -- MOBILE -- */ /* -- MOBILE -- */ 

@media (max-width: 375px) {


.blockwrap,
.blockwrap-resume,
.blockwrap-works,
.portfolio-grid, 
.topleft, 
.topmiddle, 
.topright, 
.bottomleft, 
.bottommiddle, 
.bottomright,
.masthead {display: block;}

.blockwrap-works, 
.blockwrap-resume {margin:0;}

.masthead, 
.right {text-align: center;}

.right a {
	font-family: 'Palanquin', sans-serif;
	font-size:15px;
	line-height: 26px;
	margin-bottom: 10px;
	}

.aboutme {margin-bottom:40px;}

.portfolio {margin-bottom: 10px;}

.gadv-blurb,
.snk-blurb,
.mmg-blurb,
.matita-blurb,
.illu-blurb {margin-bottom: 20px;}


} /* end of mobile styles */