@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px; box-sizing:border-box;}

h1 {
	color:#161138; margin-left:2%; float:left; font-size:1.635rem;
}

.resume {
		font-family:Gotham Narrow, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; margin-left:40%;
}

.JTlogo {
	margin-left:2%; margin-top:2%;
}

a:link {
	text-decoration: none;
	color:#161138
}

a:visited {
	color:#161138;
}

a:hover {
	color:#851013;
}

a:active {
	color:#851013;
}

ul {
	font-family:Gotham Narrow, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin-left:90%; margin-right:2%; list-style-type:none; float:right; clear:right; margin-top:-7%; position:absolute;
}

body {
	color:#161138;
	font-family: neuton, Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; 
}

.about {
	 font-size:1.6rem;padding-left:1.8rem;
}

p{
	font-size:1.2rem;	font-family: neuton, Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color:#851013;
}

.flex-container {
	display:flex; flex-wrap: nowrap; /*background-color:pink;*/float:left; margin-top:2rem;
	margin-left:.8%;
}
.flex-container > div {
  width: 35%;
  margin: 1.2rem;
}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto; 
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #851013;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: #161138;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.contactinfo {
		font-family:Gotham Narrow, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; float: left; clear:left; padding:10%; padding-left:20%; font-size:2rem;
}

.linkedin{
	background:url("images/linkedin.png") no-repeat center center;display:inline-block; background-size:contain;width:5rem;height:5rem;
}
.linkedin:hover {
	background:url("images/linkedin2.png")no-repeat; background-size:contain;
}

.instagram{
	background:url("images/instagram.png") no-repeat center center;display:inline-block; background-size:contain;width:5rem;height:5rem;
}
.instagram:hover {
	background:url("images/instagram2.png")no-repeat; background-size:contain;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  padding: 2rem; float:left; clear:left; margin-left:20%;
}
.grid-item {
/*  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);*/
  padding: 20px;
}

.portfolioheader {
			font-family:Gotham Narrow, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; float: left; clear:left; font-size:2rem; margin-left:22%; margin-top:5%;
}

		.wrap{
			position:relative;
			margin:auto;
			width:40%;
			float:left;clear:left;left:22%;
		}
		main {
			display:grid; grid-template-columns: auto auto;

		}