body{background:#fff; margin:0px; padding:0px; 	font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;}
strong{font-family:"OpenSansBold"}
h2{margin-top:.5em; margin-bottom:.5em; color:#222; font-family: "OpenSansBolder"; text-transform:uppercase}
h3{font-family:"OpenSansBold"; margin-top:.5em;}
sup{font-size:90%; opacity:.7; top:0em;}
.paper{background:rgba(235,235,235,1) url("../imgs/grain.png");}

#header{
	text-align:center;
	padding-top:.5em;
    border-bottom: 15px solid transparent;
    -webkit-border-image: url(../imgs/border.png) 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../imgs/border.png) 30 stretch; /* Opera 11-12.1 */
    border-image: url(../imgs/border2.png) 30 stretch;		
	}
	#tag{color:#222; padding:0em 2em; font-family: "OpenSansBold"; display:block; font-size:.9em; transform:rotate(.5deg)}

#main{padding-top:1em; padding-bottom:1em;}
	#main .container-fluid{padding:0px 0px 0px 0px}
	
#contact{
	margin-bottom:2em;
    border: 15px solid transparent;
    padding: 0em 1em 1em 1em;
    -webkit-border-image: url(../imgs/border3.png) 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../imgs/border3.png) 30 stretch; /* Opera 11-12.1 */
    border-image: url(../imgs/border3.png) 30 stretch;	
	text-align:center;
	}

.portfolio{
	margin-bottom:2em;
    border: 15px solid transparent;
    padding: 0em 1em 1em 1em;
    -webkit-border-image: url(../imgs/border2.png) 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../imgs/border2.png) 30 stretch; /* Opera 11-12.1 */
    border-image: url(../imgs/border2.png) 30 stretch;	
	}
	.portfolio h3:not(:first-of-type){margin-top:1em;}
	.jump{font-family:"OpenSansRegular"; font-size:14px; white-space:nowrap}
	.projects .row{margin-top:1em; margin-bottom:1em;}
	.projects img{width:100%}
	.projects .larger{font-size:.9em; margin-top:.5em; text-align:center; display:block}
	.projects .larger img{margin-bottom:.5em}
	.projects h4{font-weight:bold; font-size:1.75em}
	@media(max-width:768px){
		.projects h4{text-align:center;}
		.projects img{max-width:80%; max-height:12em; width:auto; height:auto; display:inline-block;}
	}

#resume{
	margin-bottom:2em;
    border: 15px solid transparent;
    padding: 0em 1em 1em 1em;
    -webkit-border-image: url(../imgs/border.png) 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../imgs/border.png) 30 stretch; /* Opera 11-12.1 */
    border-image: url(../imgs/border.png) 30 stretch;
	color:#222;
	}
	.job {padding:0em 0em 1em 0em; display:flex; flex-wrap:wrap;}
	.job:first-of-type{padding-top:0px !important}
	.job:last-of-type{border-bottom:none;}
	.job .title{font-size:1.2em; font-family:"OpenSansBold"}
	.job .company{padding-top:.25em;font-size:.9em; font-family:"OpenSansBold"}
	.job .description{margin-top:.5em;}
	.job .description p{margin-bottom:.5em;}
	
	.job .job-body{flex:10;}
	.job .job-img{flex:4em;}
	@media(max-width:500px){
		.job{display:block;}
		.job .job-img{
			width:60%; margin-left:20%;
			text-align:center
		}
	}