@charset "utf-8";
/* CSS Document */
/*  
colors:
	#354e14 = Dark Green
	#a0c096 = Light Green
	rgb(235,171,0) = Yellow
	#53505e = Dark Purple
	#71535a = Pink Purple
	#ab8984 = Pink

	Fonts:   font-family: "Georgia", Georgia, serif;
*/

/*basics*/

html{
       	background-image: url("Images/forbes_color_004.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: #354e14; /* Fallback color */
}
.body, body{
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	width: 1200px;	
}
body{
	background-color: #71535a;
	margin:15px;
}
div{
	display:grid;
}
p,h1,h2,h3,h4,h5,h6,ul,li,ol{
	font-family: "Georgia", "Lucida Bright", "DejaVu Serif", "serif" 
}
a:link {
  color: #71535a;
}

/*Header and Footer*/

	header, footer {
	margin:5px;
	
}
		.header, .footer{
	grid-column-start: 1;
	grid-column-end: 2;
	background-color: White;
	padding: 15px;
	margin: 20px;
}	
			.header{
		height: 1207px;	
		padding: 5px;
}
			.footer{
		grid-column-start: 1;
		grid-column-end: 5;
}

/*image*/

	.image, img{
	max-width: 250px;
	margin: 15px;
}
	.image{
	grid-column-start: 1;
	grid-column-end: 3;
}
	.image1{
	grid-column-start: 1;
	min-width: 300px;
}
	.image2{
	grid-column-start: 1;
	min-width: 300px;
	margin-top: -210px;
}
	.image3{
	grid-column-start: 2;
}
	.image4{
	grid-column-start: 3;
	margin-top: -300px;
}
	.image5{
	grid-column-start: 1;
	margin-top: 155px;
	margin-left: none; 
}
	.image6{
	grid-column-start: 2;
	max-height: 230px;
}
	.image_text{
	grid-column-start: 3;
	grid-column-end: 4;
	margin-top: 20px;
	margin-left: -290px;
	margin-right: 75px;
	margin-bottom: 15px;
	padding-left: 15px;
	background-color:#ab8984;
}
	.projects{
	grid-column-start: 1;
	grid-column-end: 5;
	max-width: 1130px; 
	background-color: #a0c096;
	padding: 15px;
	margin-left: -281px;
	margin-top: 25px;
}

/*Text*/

	.work_pic{
	grid-column-start: 3;
	grid-column-end: 5;
	margin-left: -125px;
	background-color:#ab8984;
	max-width: 294px; 
}
	.work{
	grid-column-start: 1;
	grid-column-end: 3;
	padding-left: 15px;
	min-width: 865px;
	background-color:#ab8984;
}
	.paragraph{
	grid-column-start: 1;
	grid-column-end: 5;
	min-height: 250px;
	max-width: 794px; 
	background-color: #a0c096;
	padding: 15px;
}

/*Table*/

	td,.table{
	grid-column: 3/5;
	border: 3px rgb(235,171,0) solid;
	border-collapse: collapse;
	background-color: white;
}
		.table{
		margin-top:15px;
		margin-left:1px;
		margin-bottom: 15px;
	}
		td{
		min-width: 200px; 
		max-width: 250px; 
	}
		th{
		padding: 10px;
	}