/* CSS Document */


/* PROJECT GLOBAL STYLES */


.menu-text {font-family: "Raleway", sans-serif}
.w3-third img{opacity: 1; cursor: pointer}
.w3-third img:hover{opacity: 0.5}

.logo {
	width: 150px;
}

.logo-min {
	width:50px;
}



.row {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	justify-content: center;
}

.column {
 	flex: 20%;
 	max-width: 20%;
 	padding: 0 4px;
}

.column img {
	margin-top: 8px;
	padding-bottom: 8px;
}

.img-center {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.hr-box {
	margin-top: 50px;
}

/*HEADINGS & SUB-HEADINGS*/

h1 {
	margin: 0;
}


h2 {
	margin: 0;
}

.project-container {
    width: 100%;
	height: 100%;
	background-color: #000000;
}

hr.project-divide-light {
	border: 0;
    height: 3px;
	padding: 0;
	margin: 0;
	background: #0289CF;
	background: -webkit-linear-gradient(left, rgba(0,170,255,0) 0%, rgba(0,170,255,1) 50%, rgba(0,170,255,0) 100%);
	background: -o-linear-gradient(left, rgba(0,170,255,0) 0%, rgba(0,170,255,1) 50%, rgba(0,170,255,0) 100%);
	background: linear-gradient(to right, rgba(0,170,255,0) 0%, rgba(0,170,255,1) 50%, rgba(0,170,255,0) 100%);
	}

hr.project-divide-light-across {
	border: 0;
    height: 5px;
	padding: 0;
	margin: 0;
	background: #0289CF;

	}

.project-text {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 2.5em;
	color: #FFFFFF;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	}

.project-sub-text {
	text-align: center;
	font-family: 'lato', sans-serif;
	font-weight: 200;
	font-size: 2em;
	color: #FFFFFF;
	position: relative;
	padding-top: 1%;
	padding-bottom: 1%;
	}

.project-description-text-container {
	padding: 0% 10% 0% 10%;
}

.description-head-light {
	text-align: center;
	font-family: 'lato', sans-serif;
	color: #FFFFFF;
	font-size: 1.25em;
	font-weight: 700;
}

.description-head-dark {
	text-align: center;
	font-family: 'lato', sans-serif;
	color: #000000;
	font-size: 1.25em;
	font-weight: 700;
}

.description-light {
	text-align: center;
	font-family: 'lato', sans-serif;
	color: #FFFFFF;
	font-size: 1em;
}

.description-dark {
	text-align: center;
	font-family: 'lato', sans-serif;
	color: #000000;
	font-size: 1em;
}

.project-pics {
	display: flex;
    justify-content: center;
}

.tools-container {
	display: flex;
	justify-content: center;
	padding-bottom: 1%;
}

.tools-used-text {
	font-family: 'lato', sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-weight: 700;
	font-size: 1.1em;
}

.tools-used-text-dark {
	font-family: 'lato', sans-serif;
	color: #000000;
	text-align: center;
	font-weight: 700;
	font-size: 1.1em;
}

.tools-icon {
	width: 4%;
	height: auto;
	padding-left: 1%;
}

.para-inline-a {
	display: flex;
	align-items: center;
	text-align: left;
	padding-left: 5%;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #FFFFFF;
}

.para-inline-a-dark {
	display: flex;
	align-items: center;
	text-align: left;
	padding-left: 5%;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #000000;
}

.para-inline-b {
	display: flex;
	align-items: center;
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #FFFFFF;
}

.para-inline-b-dark {
	display: flex;
	align-items: center;
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #000000;
}

.para-inline-c {
	text-align: center;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #FFFFFF;
}

.para-inline-c-dark {
	text-align: center;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #000000;
}

.project-gif-container-a {
	padding-top: 3%;
	display: flex;
}

.project-gif-a {
	width: 35%;
	padding-left: 15%;
	padding-bottom: 2%;
}

.project-gif-container-b {
	padding-top: 3%;
	display: flex;
	
}

.project-gif-b {
	width: 35%;
	padding-right: 15%;
	padding-bottom: 2%;
}

.project-gif-container-c {
	padding-top: 2%;
	text-align: center;
}

.project-gif-c {
	width: 35%;
	padding-left: 2%;
	padding-right: 2%;
}

/* HOME PAGE */

.home-container {
    position: relative;
    width: 100%;
    filter: grayscale(100%);
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
}

.home-container:hover {
	filter: grayscale(0);
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
}

.textoverlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.textoverlay:hover {
	opacity: 1;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.home-text {
	font-family: 'Lato', 'sans-serif';
	color: #FFFFFF;
	font-size: 2.5em;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;	
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
    
	
	-webkit-text-shadow: 0 3px 5px black;
	-moz-text-shadow: 0 3px 5px black;
	-ms-text-shadow: 0 3px 5px black;
	-o-text-shadow: 0 3px 5px black;
	text-shadow: 0 3px 5px black;

	
}

/* ABOUT SECTION */

#about {
	width: 100%;
	background-image:url("../home_images/about_bckgrd.png");
	background-size: cover;
	background-attachment: fixed;
    background-position: center;
	background-repeat: no-repeat;
	font-family: 'Lato', 'sans-serif';
	border-bottom: 3px solid #00AAFF;
	border-top: 3px solid #00AAFF;
	box-shadow: inset 0 0 50px #000000;
}

.about-header {
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 25px;
	font-family: 'Lato', 'sans-serif';
	padding-top: 2%;
	text-shadow: 1px 2px 5px #000000;
}

.about-pic {
	width: 30%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #00AAFF;
	margin-top: 2%;
	box-shadow: 0px 2px 10px #000000;
}

.my-name {
	text-align: center;
	font-family: 'Lato', 'sans-serif';
	font-size: 20px;
	color: #FFFFFF;
	text-shadow: 1px 2px 5px #000000;
}

.about-content {
	display: block;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	padding-bottom: 2%;
	max-width: 60%;

}

.about-text {
	width: 100%;
	color: white;
	text-align: justify;
	font-size: 15.7px;
	text-shadow: 1px 2px 5px #000000;
}

.about-text2 {
	width: 100%;
	color: white;
	padding-top: 3%;
	padding-bottom: 3%;
	font-size: 17px;
	text-align: center;
	text-shadow: 1px 2px 5px #000000;
}

.info-text {
	text-align: center;
	color: #D4EEFD;
	text-shadow: 1px 2px 5px #000000;
}

.indent {
	text-indent: 1.5em;
}

a.mail-link {
	text-decoration: none;
	color: #D4EEFD;
}

a.mail-link:hover {
	text-decoration: underline;
	text-decoration-color: #D4EEFD;
}


/* CONTACT SECTION */

#contact {
	width: 100%;
	padding-bottom: 1%;
	font-family: 'Lato', 'sans-serif'; 
	background: radial-gradient(circle, #FFFFFF 35%, #A3DCFF 65%, #27B7FF 85%, #0078B3 100%);
	border-bottom: 3px solid #0078B3;
}

.contact-header {
	margin: 0;
	text-align: center;
	color: #128AC4;
	font-size: 25px;
	padding-top: 3%;
	font-family: 'Lato', 'sans-serif';
}

.contact-text {
	font-family: 'Lato', 'sans-serif';
	color: #0078B3;
	text-align: center;
}

.form-subject {
	padding-bottom: 5px;
	color: #00699D;
}

.form-content {
	width: 100%;
	height: 30px;
	margin-bottom: 25px;
	background-color: #FFFFFF;
	border: 2px solid #BAE9FF;
	padding-left: 7px;
}

.form {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 60%;
}

.message-box {
	max-width: 100%;
	min-width: 100%;
	margin-bottom: 15px;
	padding-left: 7px;
	background-color: #FFFFFF;
	border: 2px solid #BAE9FF;
}

.submit-btn {
	color: #FFFFFF;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4%;
	width: 100%;
	height: 45px;
	font-family: 'Lato', 'sans-serif'; 
	font-size: 20px;
	cursor: pointer;
	border: 2px solid #BAE9FF;
	background: linear-gradient(#009AFF 30%, #0078BC 90%, #003364 100%);
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	text-shadow: 0px 2px 10px #000000;
	transition: color 0.5s, font-size 0.5s ease-in-out, box-shadow 0.5s ease-in-out, text-shadow 0.5s ease-in-out;
}

.submit-btn:hover {
 	box-shadow: 0 10px 15px rgba(0,0,0,0.3);
	text-shadow: 0px 2px 15px #000000;
	color: #F5F5F5;
	font-size: 22px;
	transition: box-shadow .5s ease-out, font-size .09s ease-out;
}

.submit-btn:active {
	box-shadow: 0 5px 10px rgba(0,0,0,0.7);
	font-size: 15px;
}

.thankyou_message {
	text-align: center;
	color: #0078B3;
	font-family: 'Luckiest guy', 'serif';
}

.luckiest-guy-regular {
  font-family: "Luckiest Guy", serif;
  font-weight: 400;
  font-style: normal;
}

h3 {
	margin: 0;
	font-family:'Luckiest guy', 'serif' ;
}

.capbox {
	text-align: center;
	width: auto;
	height: auto;
	margin-top: auto;
	margin-bottom: 1.5%;
}

.g-recaptcha {
	display: inline-block;
}


/* APPAREL */

.project-apparel-container {
    width: 100%;
	height: 100%;
	background-color: #000000;
	padding-bottom: 0%;
}

/* Mad Maxwell Apocalypse Vehicles */

hr.project-divide-white-brown {
	border: 0;
    height: 2px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	background: -webkit-linear-gradient(left, rgba(63,42,21,0) 30%, rgba(255,255,255,1) 50%, rgba(63,42,21,0) 70%);
	background: -o-linear-gradient(left, rgba(63,42,21,0) 30%, rgba(255,255,255,1) 50%, rgba(63,42,21,0) 70%);
	background: linear-gradient(to right, rgba(63,42,21,0) 30%, rgba(255,255,255,1) 50%, rgba(63,42,21,0) 70%);
}

.mmav-container {
	background: linear-gradient(90deg, rgba(66,46,24,1.00) 0%, rgba(39,14,4,1.00)
		50%, rgba(66,46,24,1.00) 100%);
	padding-bottom: 1%;
}

hr.project-divide-mmav {
	border: 0;
    height: 3px;
	padding: 0;
	margin: 0;
	background: #0289CF;
	background: -webkit-linear-gradient(left, rgba(66,46,24,0) 0%, rgba(255,0,0,1) 50%, rgba(66,46,24,0) 100%);
	background: -o-linear-gradient(left, rgba(66,46,24,0) 0%, rgba(255,0,0,1) 50%, rgba(66,46,24,0) 100%);
	background: linear-gradient(to right, rgba(66,46,24,0) 0%, rgba(255,0,0,1) 50%, rgba(66,46,24,0) 100%);
	}


.mmav-pic-a {
	padding-top: 2%; 
	padding-right: 2.5%;
	padding-left: 2.5%;
	width: 35%;
	height: auto;
	filter: drop-shadow(0px 0px 3px #000000);
}

.mmav-pic-b {
	padding-top: 2%; 
	padding-bottom: 2%;
	width: 70%;
	height: auto;
	filter: drop-shadow(0px 0px 3px #000000);
}

.mmav-gif-a {
	width: 35%;
	padding-left: 15%;
	padding-bottom: 2%;
}

.mmav-gif-b {
	width: 35%;
	padding-right: 15%;
	padding-bottom: 2%;
}

.mmav-gif-c {
	width: 35%;
	padding-left: 2%;
	padding-right: 2%;
}

/* South Beach Super Cars */

.sbsc-pic-a {
	margin-top: 2%; 
	width: 25%;
	height: auto;
	filter: drop-shadow(0px 0px 2px #000000);
	
}

.sbsc-pic-b {
	padding-top: 2%; 
	padding-bottom: 2%;
	width: 40%;
	height: auto;
	filter: drop-shadow(0px 0px 2px #000000);
}

.sbsc-container {
	background: linear-gradient(90deg, rgba(200,50,255,1.00) 0%, rgba(130,50,255,1.00) 50%, rgba(200,50,255,1.00) 100%);
	padding-bottom: 1%;
}

hr.project-divide-sbsc {
	border: 0;
    height: 3px;
	padding: 0;
	margin: 0;
	background: #000000;
	background: -webkit-linear-gradient(left, rgba(255,130,0,0) 0%, rgba(255,130,0,1) 50%, rgba(255,130,0,0) 100%);
	background: -o-linear-gradient(left, rgba(255,130,0,0) 0%, rgba(255,130,0,1) 50%, rgba(255,130,0,0) 100%);
	background: linear-gradient(to right, rgba(255,130,0,0) 0%, rgba(255,130,0,1) 50%, rgba(255,130,0,0) 100%);
	}

hr.project-divide-orange {
	border: 0;
    height: 2px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	background: -webkit-linear-gradient(left, rgba(255,130,0,0) 30%, rgba(255,130,0,1) 50%, rgba(255,130,0,0) 70%);
	background: -o-linear-gradient(left, rgba(255,130,0,0) 30%, rgba(255,130,0,1) 50%, rgba(255,130,0,0) 70%);
	background: linear-gradient(to right, rgba(255,130,0,0) 30%, rgba(255,130,0,1) 50%, rgba(255,130,0,0) 70%);
}

/* The Sterling Group Project */

.sterling-container {
	background: linear-gradient(90deg, rgba(0,60,90,1.00) 0%, rgba(0,120,179,1.00) 50%, rgba(0,60,90,1.00) 100%);
	padding-bottom: 1%;
}

hr.project-divide-white-blue {
	border: 0;
    height: 1px;
	padding: 0;
	margin: 0;
	background: #003E5D;
	background: -webkit-linear-gradient(left, rgba(0,61,90,1) 0%, rgba(0,85,130,1) 20%, rgba(255,255,255,1) 50%, rgba(0,85,130,1) 80%,  rgba(0,61,90,1) 100%);
	background: -o-linear-gradient(left, rgba(0,61,90,1) 0%, rgba(0,85,130,1) 20%, rgba(255,255,255,1) 50%, rgba(0,85,130,1) 80%,  rgba(0,61,90,1) 100%);
	background: linear-gradient(to right, rgba(0,61,90,1) 0%, rgba(0,85,130,1) 20%, rgba(255,255,255,1) 50%, rgba(0,85,130,1) 80%,  rgba(0,61,90,1) 100%);
	}

#sg {
	padding-top: 2%;
	width: 50%;
	height: auto;
	float: left;
	filter: drop-shadow(0px 0px 3px #000000);
	
}

#sg2 {
	padding-top: 2%;
	width: 40%;
	height: auto;
	margin-left: 5%;	
	float: left;
	filter: drop-shadow(0px 0px 3px #000000);
}

#sg3 {
	padding-top: 3%;
	width: 90%;
	height: auto;
	filter: drop-shadow(0px 0px 5px #000000);
	padding-bottom: 2%;
}

.clearfix {
	clear: left;
	clear: right;
}

/* Foster's Logo */

.fosters-container {
	background: linear-gradient(90deg, rgba(150,220,255,1.00) 0%, rgba(255,255,255,1.00) 50%, rgba(150,220,255,1.00) 100%);
	padding-bottom: 1%;
}


.fl-pic-a {
	width: 25%;
	height: auto;
}

.fl-pic-b {
	width: 15%;
	height: auto;
	margin-left: 2%;	
}

.fl-pic-c {
	width: 6%;
	height: auto;
	margin-left: 1%;
	
}

.fl-pic-d {
	width: 30%;
	height: auto;
	padding-left: 1%;
}

.fl-pic-e {
	width: 80%;
	height: auto;
}

.fl-pic-f {
	width: 10%;
	height: auto;
}

.fl-pic-g {
	width: 30%;
	height: auto;
}

hr.project-divide-ltblue-white {
	border: 0;
    height: 2px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	background: -webkit-linear-gradient(left, rgba(150,220,255,0) 30%, rgba(110,210,255,1) 50%, rgba(150,220,255,0) 70%);
	background: -o-linear-gradient(left, rgba(150,220,255,0) 30%, rgba(110,210,255,1) 50%, rgba(150,220,255,0) 70%);
	background: linear-gradient(to right, rgba(150,220,255,0) 30%, rgba(110,210,255,1) 50%, rgba(150,220,255,0) 70%);
}

/* Mark.Set.Go Logo */

.msg-container {
	background: linear-gradient(90deg, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
	padding-bottom: 1%;
	padding-top: 2%;
}


msg-pic-a {
	width: 25%;
	height: auto;
}

.msg-pic-b {
	width: 15%;
	height: auto;
	margin-left: 2%;	
}

.msg-pic-c {
	width: 6%;
	height: auto;
	margin-left: 1%;
	
}

.msg-pic-d {
	width: 30%;
	height: auto;
	padding-left: 1%;
	padding-bottom: 1%;
}

.msg-pic-e {
	width: 50%;
	height: auto;
	padding-top: 2%;
}

.msg-pic-f {
	width: 10%;
	height: auto;
}

.msg-pic-g {
	width: 30%;
	height: auto;
}

hr.project-divide-ltblue-white {
	border: 0;
    height: 2px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	background: -webkit-linear-gradient(left, rgba(150,220,255,0) 30%, rgba(110,210,255,1) 50%, rgba(150,220,255,0) 70%);
	background: -o-linear-gradient(left, rgba(150,220,255,0) 30%, rgba(110,210,255,1) 50%, rgba(150,220,255,0) 70%);
	background: linear-gradient(to right, rgba(150,220,255,0) 30%, rgba(110,210,255,1) 50%, rgba(150,220,255,0) 70%);
}

/* FV Secret Santa Logo */

hr.project-divide-fvss {
	border: 0;
    height: 3px;
	padding: 0;
	margin: 0;
	background: #000000;
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,0,0,1) 50%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,0,0,1) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(255,0,0,1) 50%, rgba(0,0,0,0) 100%);
	}

.fvss-container {
	background: linear-gradient(90deg, rgba(220,255,250,1) 0%, rgba(255,255,255,1) 50%, rgba(220,255,250,1) 100%);
	padding-bottom: 1%;
	padding-top: 2%;
}


.fvss-pic-a {
	width: 35%;
	height: auto;
}

.fvss-pic-b {
	width: 15%;
	height: auto;
	margin-left: 2%;	
}

.fvss-pic-c {
	width: 6%;
	height: auto;
	margin-left: 1%;
	
}

.fvss-pic-d {
	width: 30%;
	height: auto;
	padding-left: 1%;
	padding-bottom: 1%;
}

.fvss-pic-e {
	width: 80%;
	height: auto;
}

.fvss-pic-f {
	width: 10%;
	height: auto;
}

.fvss-pic-g {
	width: 30%;
	height: auto;
}

hr.project-divide-green {
	border: 0;
    height: 2px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	background: -webkit-linear-gradient(left, rgba(0,200,0,0) 30%, rgba(0,200,0,1) 50%, rgba(0,200,0,0) 70%);
	background: -o-linear-gradient(left, rgba(0,200,0,0) 30%, rgba(0,200,0,1) 50%, rgba(0,200,0,0) 70%);
	background: linear-gradient(to right, rgba(0,200,0,0) 30%, rgba(0,200,0,1) 50%, rgba(0,200,0,0) 70%);
}

/* ILLUSTRATIONS */

.illslide {
	width: 33.3%;
}

.illustration-tn-container {
    position: relative;
    filter: grayscale(100%);
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
}

.illustration-tn-container:hover {
	filter: grayscale(0);
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
}



#photography {
	background-color: #0078B3;
	padding-top: .1%;
	padding-bottom: .1%;
	width: 100%;
	border-top: 4px solid #000000;
}

.portfolio-text2 {
	color: #FFFFFF;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	letter-spacing: 3px;
}

/* PORTFOLIO GRID */

.slide {
	width: 20%;
}

.port-pics {
	display: inline-block;
	width: 20%;
	filter:brightness(85%);
}

.port-pics:hover {
	filter:brightness(120%);
}

.portfolio-container {
    width: 100%;
	height: 100%;
	background-color: #000000;
}
/* OTHER PROJECTS */

/* Proffesor Pepperdine */

.ppme-pic-a {
	margin-top: 2%; 
	width: 20%;
	height: auto;
}

.ppme-pic-b {
	margin-top: 2%; 
	width: 30%;
	height: auto;
	padding-left: 5%;
	padding-bottom: 2%
}

.ppme-pic-c {
	margin-top: 2%; 
	width: 30%;
	height: auto;
	padding-right: 5%;
	padding-bottom: 2%
}

.ppme-pic-d {
	margin-top: 2%; 
	width: 80%;
	height: auto;
	padding-bottom: 2%
}

.ppme-pic-e {
	margin-top: 2%; 
	width: 35%;
	height: auto;
	padding-bottom: 2%
}

.ppme-container {
	background: linear-gradient(90deg, rgba(165,150,130,1.00) 0%, rgba(200,185,185,1.00) 50%, rgba(165,150,130,1.00) 100%);
	padding-bottom: 1%;
}

hr.project-divide-ppme {
	border: 0;
    height: 3px;
	padding: 0;
	margin: 0;
	background: #000000;
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(160,80,45,1) 50%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(160,80,45,1) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(160,80,45,1) 50%, rgba(0,0,0,0) 100%);
}

hr.project-divide-brown {
	border: 0;
    height: 2px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 30%, rgba(85,40,20,1) 50%, rgba(255,255,255,0) 70%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 30%, rgba(85,40,20,1) 50%, rgba(255,255,255,0) 70%);
	background: linear-gradient(to right, rgba(255,255,255,0) 30%, rgba(85,40,20,1) 50%, rgba(255,255,255,0) 70%);
}

/* Colorado School of Mines */

hr.project-divide-csom {
	border: 0;
    height: 3px;
	padding: 0;
	margin: 0;
	background: #000000;
	background: -webkit-linear-gradient(left, rgba(100,110,40,0) 0%, rgba(100,110,40,1) 50%, rgba(100,110,40,0) 100%);
	background: -o-linear-gradient(left, rgba(100,110,40,0) 0%, rgba(100,110,40,1) 50%, rgba(100,110,40,0) 100%);
	background: linear-gradient(to right, rgba(100,110,40,0) 0%, rgba(100,110,40,1) 50%, rgba(100,110,40,0) 100%);
	}

.csom-container {
	background: linear-gradient(90deg, rgba(110,125,90,1.00) 0%, rgba(205,200,150,1.00) 50%, rgba(110,125,90,1.00) 100%);
	padding-bottom: 1%;
}

hr.project-divide-yellow {
	border: 0;
    height: 2px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	background: -webkit-linear-gradient(left, rgba(100,110,40,0) 30%, rgba(100,110,40,1) 50%, rgba(100,110,40,0) 70%);
	background: -o-linear-gradient(left, rgba(100,110,40,0) 30%, rgba(100,110,40,1) 50%, rgba(100,110,40,0) 70%);
	background: linear-gradient(to right, rgba(100,110,40,0) 30%, rgba(100,110,40,1) 50%, rgba(100,110,40,0) 70%);
}

.csom-pic-a {
	margin-top: 2%;
	width: 40%;
	height: auto;
	border: 1px solid black;
}

.csom-pic-b {
	margin-top: 2%;
	width: 25%;
	height: auto;	
	filter: drop-shadow(0px 0px 2px #000000);
	margin-bottom: 2%;
}

.csom-pic-c {
	width: 15%;
	height: auto;	
	filter: drop-shadow(0px 0px 1px #000000);
	margin-bottom: 1%;
	margin-left: 1%;
	margin-right: 1%;
	
}

.ch-board-pics {
    text-align: center;
	
}

.ch-board-links {
	filter: grayscale(100);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.ch-board-links:hover {
	filter: grayscale(0);
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
/* Monty Python Cornhole Boards */

hr.project-divide-mpcb {
	border: 0;
    height: 3px;
	padding: 0;
	margin: 0;
	background: #000000;
	background: -webkit-linear-gradient(left, rgba(255,0,0,0) 0%, rgba(255,0,0,1) 50%, rgba(255,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(255,0,0,0) 0%, rgba(255,0,0,1) 50%, rgba(255,0,0,0) 100%);
	background: linear-gradient(to right, rgba(255,0,0,0) 0%, rgba(255,0,0,1) 50%, rgba(255,0,0,0) 100%);
	}

.mpcb-container {
	background: linear-gradient(90deg, rgba(100,100,100,1.00) 0%, rgba(200,200,200,1.00) 50%, rgba(100,100,100,1.00) 100%);
	padding-bottom: 1%;
}

hr.project-divide-black {
	border: 0;
    height: 2px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 70%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 70%);
	background: linear-gradient(to right, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 70%);
}

.mpcb-pic-a {
	margin-top: 2%;
	width: 40%;
	height: auto;
	border: 1px solid black;
	
}

.mpcb-pic-b {
	padding-top: 2%;
	width: 30%;
	height: auto;	
	filter: drop-shadow(0px 0px 2px #000000);
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
}

/* Regis University */

hr.project-divide-ru {
	border: 0;
    height: 3px;
	padding: 0;
	margin: 0;
	background: #000000;
	background: -webkit-linear-gradient(left, rgba(255,255,0,0) 0%, rgba(255,255,0,1) 50%, rgba(255,255,0,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,0,0) 0%, rgba(255,255,0,1) 50%, rgba(255,255,0,0) 100%);
	background: linear-gradient(to right, rgba(255,255,0,0) 0%, rgba(255,255,0,1) 50%, rgba(255,255,0,0) 100%);
	}

.ru-container {
	background: linear-gradient(90deg, rgba(0,50,100,1.00) 0%, rgba(50,0,100,1.00) 50%, rgba(0,50,100,1.00) 100%);
	padding-bottom: 1%;
}

hr.project-divide-yellow {
	border: 0;
    height: 2px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	background: -webkit-linear-gradient(left, rgba(255,255,0,0) 30%, rgba(255,255,0,1) 50%, rgba(255,255,0,0) 70%);
	background: -o-linear-gradient(left, rgba(255,255,0,0) 30%, rgba(255,255,0,1) 50%, rgba(255,255,0,0) 70%);
	background: linear-gradient(to right, rgba(255,255,0,0) 30%, rgba(255,255,0,1) 50%, rgba(255,255,0,0) 70%);
}

.ru-pic-a {
	margin-top: 2%;
	width: 40%;
	height: auto;
	border: 1px solid black;
}

.ru-pic-b {
	margin-top: 2%;
	width: 25%;
	height: auto;	
	filter: drop-shadow(0px 0px 2px #000000);
	margin-bottom: 2%;
}

/* Santa Clara University */

hr.project-divide-scu {
	border: 0;
    height: 3px;
	padding: 0;
	margin: 0;
	background: #000000;
	background: -webkit-linear-gradient(left, rgba(255,175,0,0) 0%, rgba(255,130,0,1) 50%, rgba(255,175,0,0) 100%);
	background: -o-linear-gradient(left, rgba(255,175,0,0) 0%, rgba(255,255,0,1) 50%, rgba(255,175,0,0) 100%);
	background: linear-gradient(to right, rgba(255,175,0,0) 0%, rgba(255,175,0,1) 50%, rgba(255,175,0,0) 100%);
	}

.scu-container {
	background: linear-gradient(90deg, rgba(255,175,0,1.00) 0%, rgba(255,250,180,1.00) 50%, rgba(255,175,0,1.00) 100%);
	padding-bottom: 1%;
}

.scu-pic-a {
	margin-top: 2%;
	width: 40%;
	height: auto;
	border: 1px solid black;
}

.scu-pic-b {
	margin-top: 2%;
	width: 25%;
	height: auto;	
	filter: drop-shadow(0px 0px 2px #000000);
	margin-bottom: 2%;
}



/* FOOTER */

.footer {
	width: 100%;
	height: auto;
	background-color: black;
	padding-top: 1%;
	padding-bottom: 1%;
	position:relative;
	bottom:0;

}

.copyright {
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
	color: white;
	text-align: center;
	margin-top: 2.8%;
}



.social-links {
	width: 3.5%;
	margin-left: 5px;
	margin-bottom: 1.5%;
}

.verify {
	text-align: center;
}


/*MEDIA QUERIES*/

	

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
 
.column {
   flex: 33.3%;
   max-width: 33.3%;
  }
	
.about-text {
	width: 100%;
	color: white;
	text-align: left;
	font-size: 15px;
}
	
.about-text2 {
	width: 100%;
	color: white;
	padding-top: 3%;
	padding-bottom: 3%;
	text-align: center;
	font-size: 15px;
}
	

	
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	
  .column {
    flex: 100%;
    max-width: 100%;
  }
	
	.home-container {
    filter: grayscale(0);
}
	
	#sg-text {
	width: 30%;
	float: left;
	margin-left: 5%;
	margin-top: 4.3%;
	font-family: 'Lato', sans-serif;
}
	
	.port-pics {
	width: 33.3%;
}
	
	.about-text {
	width: 100%;
	color: white;
	font-size: 14px;
}

.illslide {
	width: 100%;
}

.illustration-tn-container {
    filter: grayscale(0);
}
	
	
}
	
@media screen and (max-width: 350px) {
	
	.description-head-light {
		margin-top: 2%;
		margin-bottom: 0%;
		font-size: 1em;
}
	
	.description-light {
		margin-top: 2%;
		font-size: .75em;
	}
	
	.description2 {
		display: none;
	}
	
	.project-description-text-container {
	padding: 0% 2% 0% 2%;
}
	
	.project-text {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	color: #FFFFFF;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	}
	
	/* South Beach Super Cars */
.sbsc-pic-a {
	margin-top: 5%; 
	width: 45%;
	height: auto;
	filter: drop-shadow(0px 0px 2px #000000);
	
}

.sbsc-pic-b {
	padding-top: 2%; 
	padding-bottom: 2%;
	width: 40%;
	height: auto;
	filter: drop-shadow(0px 0px 2px #000000);
}
	
.tools-container {
	justify-content: center;
	padding-bottom: 0%;
	margin-top: 0%;
}

.tools-used-text {
	font-family: 'lato', sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-weight: 700;
	font-size: 1em;
}
	
.tools-icon {
	width: 10%;
	height: auto;
	padding-left: 2%;
}
	
.para-inline-a {
	display: none;
	align-items: center;
	text-align: left;
	padding-left: 5%;
	font-family: 'Lato', 'sans-serif';
	font-size: .75em;
	color: #FFFFFF;
}

.para-inline-a-dark {
	display: flex;
	align-items: center;
	text-align: left;
	padding-left: 5%;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #000000;
}

.para-inline-b {
	display: flex;
	align-items: center;
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #FFFFFF;
}

.para-inline-b-dark {
	display: flex;
	align-items: center;
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #000000;
}

.para-inline-c {
	text-align: center;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #FFFFFF;
}

.para-inline-c-dark {
	text-align: center;
	font-family: 'Lato', 'sans-serif';
	font-size: 1em;
	color: #000000;
}

.project-gif-container-a {
	padding-top: 3%;
	display: flex;
}

.project-gif-a {
	width: 20%;
	margin-bottom: 2%;
	margin-left: 0%;
}

.project-gif-container-b {
	padding-top: 3%;
	display: flex;
	
}

.project-gif-b {
	width: 35%;
	padding-right: 15%;
	padding-bottom: 2%;
}

.project-gif-container-c {
	padding-top: 2%;
	text-align: center;
}

.project-gif-c {
	width: 35%;
	padding-left: 2%;
	padding-right: 2%;
}


	

}