@font-face {
    font-family: 'seawave';
    src: url('../fonts/seawave.otf');
}
@font-face {
    font-family: "park";
    src: url("../fonts/Parkford.otf");
}
@font-face {
    font-family: "pic";
    src: url("../fonts/PicNic-Regular.woff");
}
.picn{
	font-family:'pic';
}
@font-face {
    font-family: "sig";
    src: url("../fonts/Sligoil-Micro.otf");
}



@font-face {
    font-family: 'seawave';
    src: url('../fonts/seawave.otf');
}
@font-face {
    font-family: "park";
    src: url("../fonts/Parkford.otf");
}
@font-face {
    font-family: "pic";
    src: url("../fonts/PicNic-Regular.woff");
}
@font-face {
    font-family: "sig";
    src: url("../fonts/Sligoil-Micro.otf");
}
@font-face {
    font-family: "agb";
    src: url("../fonts/AppleGaramond-Bold.ttf");
}
@font-face {
    font-family: "agbi";
    src: url("../fonts/AppleGaramond-BoldItalic.ttf");
}
@font-face {
    font-family: "agr";
    src: url("../fonts/AppleGaramond.ttf");
}
@font-face {
    font-family: "agri";
    src: url("../fonts/AppleGaramond-Italic.ttf");
}
@font-face {
    font-family: "agl";
    src: url("../fonts/AppleGaramond-Light.ttf");
}
@font-face {
    font-family: "agli";
    src: url("../fonts/AppleGaramond-LightItalic.ttf");
}
.agb {
    font-family: "agb";
}
.agbi {
    font-family: "agbi";
}
.agr{
    font-family: "agr";
}
.agri {
    font-family: "agri";
}
.agl {
    font-family: "agl";
}
.agli {
    font-family: "agli";
}
body {
	font-family: 'agr';
    width:100%;
	height:100vh;
}



.navbar-brand {
	font-weight: 100;
 font-size: 16px;
	text-decoration:none;
	color:black;
}
.nav-item a{
 color:black;
 font-weight: 100;
 font-size: 16px;
 font-family: 'sig';
}
.navbar-toggler-icon{
	background-image: url('../images/hamburger.svg');
	opacity: 1;
}
button,
button:active,
button:focus {
  outline: none;
}
.navbar-toggler,
.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none;
}
.navbar-toggler {
    outline:none;
	
}

.bio{
	margin:auto;
	width:60%;
}

.row1{
	/* height:60vh; */
	/* margin-top:2em; */
}


.skills{
	margin:auto;
	width:50%;
}

.email{
	font-size:32pt;
}
p{
	font-size:20px;
	font-weight: 700;
	
}

.funfact{
	font-size:12px;
}

.guy{
	font-size:32pt;
}
.dealio{
	font-size:22pt;
}

@media (max-width: 883px){
	p{
			font-size:16px;
	}
	.bio{
	margin:auto;
	width:80%;
}
	.funfact{
		font-size:10px;
	}
	
.skills{
	margin:auto;
	width:100%;
}
	.guy{
	font-size:26pt;
}
}

@media (max-width: 479px){
	.email{
		font-size:16pt;
	}
}


@media (max-width: 465px){
	p{
			font-size:12px;
	}

	.bio{
	margin:auto;
	width:90%;
}
	.funfact{
		font-size:9px;
	}
	.guy{
	font-size:16pt;
}
	.dealio{
	font-size:20pt;
}
	
}


.indent{
	text-indent:1em;
}






ul {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}


li{
	font-size:14px;
	line-height:1.5em;
}

li.servicesskills{
	font-size:32px;
}

h5{
	font-weight:700;
}



.hr1{
	width:60%;
	margin:auto;
}

.hrtaste{
	/* width:50%; */
	/* margin:auto; */
}

.hrfollow{
	/* width:50%; */
	/* margin:auto; */
}
.hrcontact{
	/* width:50%; */
	/* margin:auto; */
	
}

.footer{
	font-size:12px;
}

.extras{
	width:75%;
}



@media(max-width:371px){
	.guy{
		font-size:20pt;
	}
	.dealio{
		font-size:18px;
	}
}

@media(max-width:315px){
	.guy{
		font-size:18pt;
	}
	.dealio{
		font-size:16px;
	}
}
.mephoto{
	position:fixed;
	z-index:-20;
	margin-top:200px; 
	
	
}

@media (max-width:430px){
.centerphoto{
	/* display:block;
	margin-left:auto;
	margin-right:auto; */
}
	/* .mephoto{
	
	margin-top:100px; 
	
	
} */
	
}
/* .blur{
	filter: blur(.06vw);
} */
.content{
/* mix-blend-mode: exclusion !important;
  will-change: mix-blend-mode; */
	mix-blend-mode: difference !important;
    filter: invert(1) !important;
  	transform: none !important;
}





.vignette {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 5em rgba(0,0,0,0.9) inset;
  z-index:2;
	 pointer-events:none;
}






.maincontent{
	overflow:scroll;
	margin-top:1em;
}


.rowed{
	margin-top: 1em;
}


@media (max-width:768px){
	.titles{
		font-size:50%;
	}

	.maincontent{
		overflow:scroll;
		/* margin-top:1em; */
	}
}



@media (max-width:576px){
	
	.rowed2{
		height:10vh;
	}
	.jah{
		max-width:100%;
		height:auto;
	}
}

@media (max-width:511px){
	.rowed{
		height:auto;
	}
	.jah{
		max-width:100%;
		height:auto;
	}
	
}


.x2{
	font-size:2em;
}
.x3{
	font-size:3em;
}
.x4{
	font-size:4em;
}
.x6{
	font-size:6em;
}
.x8{
	font-size:8em;
}
.x10{
	font-size:10em;
}

.half{
	font-size:50%;
}

.fourth{
	font-size:.25em;
}
.sixth{
	font-size:.17em;
}
.eigth{
	font-size: .125em;
}
.tenth{
	font-size:.1em;
}

.x2r{
	font-size:2vw;
}
.x4r{
	font-size:4vw;
}
.x6r{
	font-size:6vw;
}
.x8r{
	font-size:8vw;
}
.x10r{
	font-size:10vw;
}

.halfr{
	font-size:.5vw;
}

.fourthr{
	font-size:.25vw;
}
.sixthr{
	font-size:.17vw;
}
.eigthr{
	font-size: .125vw;
}
.tenthr{
	font-size:.1vw;
}