/*********************************************************************************************************
************************************************* General ************************************************
*********************************************************************************************************/
body {
	background-color: #fff;
}
body.home {
	background-color: #fff;
}
body#port {
	background-color: #000;
}
img {
	width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: 'Raleway', sans-serif;
	color: #1a1a1a;
	margin: 0;
	padding: 0;
}
h1,
h2 {
	font-weight: 900;
}
.h2-light {
	font-weight:100;
	font-size:1.5em;
	line-height:1.2em;
}
a {
	color: #fff;
	font-weight: bold;
}
.contact-phone {
	color:#1a1a1a;
}

/*********************************************************************************************************
************************************************* Anchors ************************************************
*********************************************************************************************************/





/*********************************************************************************************************
************************************************* Buttons ************************************************
*********************************************************************************************************/
.my-btn {
	margin: 30px 0;
	padding: 10px 0;
	border-radius: 2px;
	width:220px;
	border: 1px solid #ccc;
}
.my-btn:hover {
	background-color: #00aeef;
	color: #fff;
	border: 1px solid #fff;
}


/*********************************************************************************************************
************************************************** Type **************************************************
*********************************************************************************************************/
.page-heading,
.page-subheading {
	color: #9a9a9a;
	background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
}
.page-heading {
	font-size: 6.1em;
	line-height: .85;
	letter-spacing: -4px;
	margin-top: 120px;
}
.page-subheading {
	font-size: 2em;
	letter-spacing: -2px;
	margin-top: -10px;
}
.widget-title {
	color: #4E4E4E;
	/*font-size: 3em;*/
	font-weight: 900;
	text-align: center;
	letter-spacing: -1px;
}
.pre-title {
	font-size: 1.5em;
	letter-spacing: 5px;
	line-height: 3px;
}
.main-title {
	font-size: 3em;
	line-height: 1;
	color:#fff;
	margin-bottom:20px;
	/*padding-left:50px;*/
}
.sub-title {
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: 1px;
	color:#fff;
	/*margin-bottom: 140px;*/
}
.light-type {
	color: #fff!important;
	text-align: left !important;
	padding: 35px 35px;
	line-height: 1.3;
}



/*********************************************************************************************************
************************************************* Heading ************************************************
*********************************************************************************************************/
.bg-image {
	background-color: #1a1a1a;
	height: 600px;
	text-align: center;
	border-top: 10px solid #0082B0;
	position: relative;
}

#header-logo {
	width: 30px;
  	position: absolute;
	top: 50%;
	left: 20px;
  	transform: translateY(-50%);
}
.hero-logo {
	width: 250px;
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
}
.nav {
	margin: 0;
}
.navbar li {
	text-align: center;
	font-size: 1.1em;
	padding: 20px 0;
}
.navbar li a {
	color: #fff !important;
	max-width:280px;
	margin:auto;
	border-radius: 2px;
	padding: 20px 15px;
}
.navbar li a:hover {
	color: #fff !important;
	background-color: #00adee !important;
}
.sr-only {
	background-color:#00adee !important;
}
.port-header-wrapper {
	/*background-color: none;*/
}
.menu-button {
	width: 60px;
	margin-top: 45px
}




/*********************************************************************************************************
**************************************** INSIDE HEADER / Navigation **************************************
*********************************************************************************************************/


.inside-nav-wrapper {
	height: 100px;
	/*text-align: left;*/
	background-color: #1a1a1a;
	margin: 0;
}
.inside-header-logo {
	width: 245px;
	margin: 30px 0 0 40px !important;
/*  	position: absolute;
	top: 50%;
  	transform: translateY(-50%);*/
}
.inside-menu-wrapper {
	background-color: rgba(0,0,0,.9);
	margin: 0;
	min-height: 80px;
	padding: 30px 10px 100px;
}
.subpage-nav-wrapper {
	background-color: rgba(0,0,0,.9);
	margin: 0;
	min-height: 100px;
}

.inside-nav-btn {
	margin: 42px 20px 0 0;
}
.inside-nav-btn {
	margin-top:33px;
}
.navbar-header {
	height:100px;
	background-color: rgba(0,0,0,.9);
}


/*********************************************************************************************************
************************************************** HERO **************************************************
*********************************************************************************************************/
.hero-wrapper {
	background: #000 url('../images/bg-starry-night.jpg') no-repeat;
	background-size: cover;
	background-position: 15% center;
	background-color: #1a1a1a;
	padding: 300px 20px 200px;
	min-height: 780px;
	text-align: center;
	margin:-50px 0 0;
}
.arrow-down {
	width:50px;
	margin:160px auto 0;
}
#page-descrip {
	margin: 70px auto 80px;
	background-color: #fff;
}
#page-descrip p {
	color: #4E4E4E;
	text-align: center;
	font-size: 1.5em;
	max-width: 750px;
	margin: auto;
	padding: 0 30px;
}



/*********************************************************************************************************
************************************************ Wrappers ************************************************
*********************************************************************************************************/
#emblem-wrapper,
#char-wrapper {
	margin: 70px auto;
	text-align: center;
}

.body-wrapper {
	min-height: 300px;
	background-color: #fff;
	margin: 100px auto;
	padding: 30px 30px 70px;
	border-radius: 30px;
}





/*********************************************************************************************************
********************************************** Port Labels **********************************************
*********************************************************************************************************/
#design-heading {
	line-height: .7;
}

.more-designs-wrapper,
.port-label-wrapper {
/*	background: #000 url('../images/bg-starry-night.jpg') no-repeat;
	background-size: cover;
	background-position: 15% center;*/
	background-color:#1a1a1a;
	text-align: center;
	/*position: relative;*/

}
.more-designs-wrapper div {
	background-color: #000;
	height: 200px;
	/*margin: 0 -15px;*/
	opacity: .85;
	padding: 58px 0;
}
.port-label-wrapper h1 {
	font-size: 2.5em;
	letter-spacing: 1px;
	font-weight: 900;
	padding: 100px 0;
	line-height: .9em;
	text-shadow: 2px 2px #000;
	color: white;
}
.more-designs-wrapper a:hover {
	text-decoration: none;
}
.plus-btn {
	width: 40px;
}



/*********************************************************************************************************
************************************************ Portfolio ***********************************************
*********************************************************************************************************/
.port-wrapper {
	background-color: #000;
	display: block;
}
.port-list {
	margin: 0 -15px;
}
.port-list li {
	margin: 0;
	padding: 0;
}

.port-descrip {
	position: absolute;
}
.port-descrip h2 {
	font-size: 1.7em;
}
.portimg img {
	position: relative;
	clear: both;
}
.portimg h2 {
	margin: 50px 40px 0;
}
.portimg p  {
	margin: 10px 40px;
}
.portimg img:hover {
	opacity: 0.2;
}
.weblink {
	text-decoration: underline;
}
.clearfix {
  clear: both; 
}




/*********************************************************************************************************
************************************************* Emblems ************************************************
*********************************************************************************************************/
#emblem-wrapper li {
	margin: 15px 0;
}
#emblem-wrapper img {
	width: 90%;
}
#emblem-wrapper h1 {
	margin-bottom: 20px;
}
#emblem-list li {
	margin: 30px auto 30px;
}
.divider {
	height: 50px;
	background-color: #1a1a1a;
}
#emblem-descrip p {
	color: #4E4E4E;
	text-align: center;
	font-size: 1.5em;
	max-width: 700px;
	margin: auto;
}


/*********************************************************************************************************
************************************************ Contact page ***********************************************
*********************************************************************************************************/
.contact-form {
	margin-top:30px;
	margin-bottom:30px;
}


/*********************************************************************************************************
************************************************ Resume page ***********************************************
*********************************************************************************************************/
.resume-content-wrapper {
	padding: 0;
}
.resume-section-title {
	padding: 30px;
	color: #fff;
	text-align: center;
	background: #000 url('../images/graphic-bg2.jpg') no-repeat;
	background-size: cover;
	background-position: 15% center;
	border-top: 7px solid #0083c1;
}
.resume-section-content {
	background-color: #f1f1f1;
	padding: 60px 40px;
	border-bottom: 10px solid #fff;

}
.resume-section-content-sub {
	background-color: #e8e8e8;
	padding: 60px 40px;
	border-bottom: 10px solid #fff;
}
#americlean {
	border-right: 5px solid #fff;
}
#inertia {
	border-left: 5px solid #fff;
	border-bottom: none;
}
#education {
	border-bottom: none;
}
.resume-section-content h3,
.resume-section-content p,
.resume-section-content-sub h3,
.resume-section-content-sub p {
	color: #1a1a1a;
	text-align: center;
}
.resume-section-content h3,
.resume-section-content-sub h3 {
	line-height: .9;
	margin-bottom: 10px;
	font-weight: 600;
}
.work-duration {
	font-size: .8em;
	font-style: italic;
}
.work-descrip {
	padding-top: 10px;
}

.resume-section-content p,
.resume-section-content-sub p {
	max-width: 500px;
	margin: auto;

}





/*********************************************************************************************************
********************************************* Characteristics ********************************************
*********************************************************************************************************/
#char-title {
	margin-bottom: 20px;
	padding: 0 30px;
}
#char-wrapper img {
	height: 60px;
	margin-bottom: 10px;
}
#char-wrapper h2 {
	font-size: 2.5em;
	margin-bottom: 50px;
}
#char-wrapper div:last-child h2 {
	margin-bottom: 20px;
}
#char-wrapper h3 {
	color: #1a1a1a;
	margin-bottom: 50px;
}


/*********************************************************************************************************
************************************************* Team Up ************************************************
*********************************************************************************************************/
#team-up-wrapper {
	background-color: #e6e6e6;
	margin: auto;
	padding: 100px 30px;
	text-align: center;
}
#meter {
	width: 300px;
}
#team-up-wrapper h1 {
	margin: 15px 0 5px;
}
#team-up-wrapper p {
	color: #000;
}



/*********************************************************************************************************
*************************************************** Form *************************************************
*********************************************************************************************************/
#form-wrapper {
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	padding: 25px;
	margin: 25px auto;
	max-width: 460px;

}
#form-wrapper h1 {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
}
.form-group {
	max-width: 400px;
}
#thankyou {
	padding-top: 100px;
	max-width: 650px;
	text-align: center;
	margin: auto;
}
#thankyou p {
	color: #1a1a1a;
}


/*********************************************************************************************************
****************************************** Individual Port Pages *****************************************
*********************************************************************************************************/
.port-logo {
	max-width: 300px;
	margin: 0 auto 150px;
}
.logo-choice {
	padding: 30px 60px;
	/*max-width: 300px;*/
}

/*********************************************************************************************************
******************************************* Amplify Realty Page ******************************************
*********************************************************************************************************/
#amplify-wrapper {
	background-color: #ec008c;
	width: 100%;
	height: 100%;	
}

#amplify-btm-half {
	background-color: #f27f20;
	height: 1800px;
	padding: 0 40px;
}




/*********************************************************************************************************
*************************************** Coastal Grown Wellness Page **************************************
*********************************************************************************************************/
#coastal-wrapper {
	background-color: #29b473;
	width: 100%;
	height: 100%;	
}
#coastal-btm-half {
	background-color: #29ab6e;
	height: 1800px;
	padding: 0 40px;
}





/*********************************************************************************************************
************************************************* Footer *************************************************
*********************************************************************************************************/
.footer-wrapper {
	background: #1a1a1a;
	background-size: cover;
	background-position: 15% center;
	padding: 200px 0;
	text-align: center;
}
.footer-emblem {
	width: 150px;
	margin-bottom: 40px;
}
.footer-wrapper h1, h2, h3, h4, p {
	color: #fff;
}
.footer-serv-list {
	margin:30px;
}
.footer-wrapper h1 {
	margin-top: 0;
}
.footer-wrapper h4 {
	margin: 30px 0 8px;
}
#social-links {
	margin-top: 30px;
}
#social-links li a img {
	width: 30px;
}



/*********************************************************************************************************
********************************************* MEDIA QUERRIES *********************************************
*********************************************************************************************************/


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.inside-bg-image {
		text-align: left;
		padding: 0 0 0 50px;
	}
	#emblem-wrapper,
	#char-wrapper {
		margin: 100px auto;
	}
	#header-logo {
		width: 60px;
		left: 30px;
	}
	.port-label-wrapper h1 {
		font-size: 3.3em;
	}
	#team-up-wrapper {
		padding: 100px 10px;
	}
	#team-up-wrapper h1 {
		font-size: 2.75em;
	}
	#team-up-wrapper p {
		font-size: 1.2em;
	}
   /* NAV BAR SECTION *********************************** SMALL */

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .navbar-inverse {
    	border:none;
    }
    .navbar .navbar-collapse {
        text-align: center;
    }
    .main-title {
    	font-size: 4.5em;
    }
    .h2-light {
	font-size:1.8em;
	}
    .sub-title {
    	font-size: 2.3em;
    }

    /*Resume page */
    .resume-section-content {
    	min-height: 100px;
    }
    .resume-section-content-sub {
    	min-height: 390px;
		/*border-top: 10px solid #fff;*/
    }
    #americlean {
    	border-bottom: none;
    }
	.inside-menu-wrapper {
		padding-top:0;
	}
	.navbar-right {
		padding-right:30px;
	}
	.navbar li {
	padding: 20px 2px;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	
	.header-logo{
		width: 300px;
	}
	#emblem-wrapper,
	#char-wrapper {
		margin: 90px auto;
	}

	.main-title {
		font-size: 5.5em;
	}
    .h2-light {
	font-size:2.1em;
	}

	.sub-title {
		font-size: 2.1em;
		letter-spacing: 4px;
	}

	.amplify-logo-choice {
		padding: 40px 100px;
	}

	/*Resume page */
    .resume-section-content-sub {
    	min-height: 350px;
	}


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	/*Resume page */
    .resume-section-content-sub {
    	min-height: 100px;
	}
	.main-title {
	font-size: 6.5em;
	}
    .h2-light {
	font-size:2.5em;
	}


}