/* CSS Document */
/*CONTAINERS*/
.content1250 {
	max-width: 1250px;
	margin:auto;
		
}
.content1150 {
	max-width: 1100px;
	margin:auto;
		
}
.content1310 {
	max-width: 1310px;
	margin:auto;
		
}
.content1400 {
	max-width: 1400px;
	margin:auto;
		
}
.content1024 {
	max-width: 1024px; 
	margin:auto;
}
.auto {
	margin:auto;
}
.imgfull {
	width: 100%;
}
.img70 {
	width: 70%;
	margin-left: 10%;
}
.img90 {
	width: 90%;
	margin-left: 40%;
}
.img90nm {
	width: 90%;
	margin-left: 10%;
}
/*PADDINGS/MARGINS*/
.padding1 {
	padding: 1%;
}
.padding10p {
	padding: 10%;
}
.padding2 {
	padding: 2%;
}
.tpadding2 {
	padding-top: 2%;
}
.tpadding8 {
	padding-top: 8%;
}
.tpadding5 {
	padding-top: 5%;
}
.padding5 {
	padding: 5%;
}
.tMargin3 {
	margin-top: 3%;
}
.padding10 {
	padding: 10%;
}
.margin1 {
	margin: 1%;
}
.margin2 {
	margin: 2%;
}
.margin5 {
	margin: 5%;
}
.margin10 {
	margin: 10%;
}
.margin20 {
	margin: 10%;
}
.lmargin5 {
	margin-left: 5%;
}
.rmargin5 {
	margin-right: 5%;
}
.lmargin55 {
	margin-left: 6%;
}
.rmargin55 {
	margin-right: 6%;
}
.lpadding5 {
	padding-left: 5%;
}
.rpadding5 {
	padding-right: 5%;
}
.rpadding2 {
	padding-right: 2%;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child {
	margin-left: 0;
}
/*  GROUPING  */
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 */
}
/*  GRID OF FOUR WITH MARGIN  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 72%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}
.span_4_of_4_portfolio {
	width: 100%;
}
.span_3_of_4_portfolio {
	width: 74.6%;
}
.span_2_of_4_portfolio {
	width: 49.2%;
}
.span_1_of_4_portfolio {
	width: 23.8%;
}
/*  GRID OF THREE WITH MARGIN  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.13%;
}
.span_1_of_3 {
	width: 32%;
}
.span_1_of_3_text {
	width: 30%;
}
.span_1_of_3_portfolio {
	width: 32.26%;
}
/*  GRID OF TWO WITH MARGIN */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
/*  GRID OF FIVE WITH MARGIN */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.5%;
}
.span_3_of_5 {
	width: 59%;
}
.span_2_of_5 {
	width: 38.5%;
}
.span_1_of_5 {
	width: 18%;
}
/*  GRID OF TWO  */
.span_2_of_2_noMargin {
	width: 100%;
}
.span_1_of_2_noMargin {
	width: 50%;
}

/*  TABLET */

.tabletHide {
	display: block;
}
.tabletShow{
	display: none;
}

/*  CLEARFIX */

.clearBoth {
	clear:both;
}


/*  GO FULL WIDTH BELOW 680 PIXELS */
@media only screen and (max-width: 768px) {
.col {
	margin: 1% 0 1% 0%;
}
.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 {
	width: 100%;
}
.span_3_of_3, .span_2_of_3, .span_1_of_3, .span_1_of_3_text {
	width: 100%;
}
.span_2_of_2, .span_1_of_2 {
	width: 100%;
}
.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 {
	width: 100%;
}
.span_2_of_2_noMargin, .span_1_of_2_noMargin {
	width: 100%;
}
.tabletHide {
	display: none;
}
.tabletShow {
	display: block;
}

#contact-form {
	margin: 15%;
	width: 70%;
}
#process {
	height: 720px;
	clear: both;
}
#contact{
	height: 1450px;
	clear: both;
}
}

@media only screen and (max-width: 480px) {
.span_1_of_3_portfolio {
	width: 100%;
}
a.icon {
	width: 100% !important;
	display: block;
	box-sizing: border-box;
}
.fullWidth {
	width: 100% !important;
}
.resumeIcon {
	width: 100% !important;
}
.timelineIcon {
	width: 100% !important;
}
.mentorIcon {
	width: 100% !important;
}
#portfolio {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    height: 680px !important;
}
#contact {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    height: 1680px !important;
}
.tilt {
    position: relative !important;
}

}
@media only screen and (max-width: 650px) {
#home {
	padding-top: 0px;
}
.mobileHide {
	display: none;
}
a.icon {
	width: 100% !important;
	display: block;
	box-sizing: border-box;
}
.fullWidth {
	width: 100% !important;
}
.resumeIcon {
	width: 100% !important;
}
.timelineIcon {
	width: 100% !important;
}
.mentorIcon {
	width: 100% !important;
}
#portfolio {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    height: 680px !important;
}
#contact {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    height: 1680px !important;
}
#mobileHeaderLogo {
		top: 0;
		right:0;
		
}
.content-box img {
    margin-top:0px !important;
}


}
@media only screen and (max-width: 650px) {
.hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.hero-image {
    margin: 0 !important;
    padding: 0 !important;
    display:block;
}
.navbar {
    margin-bottom: 0 !important;
    position: fixed;
    top:0;
    width: 100%;
    z-index: 9999;
}
}
@media only screen and (max-width: 1024px) {
#nav {
	float:left;
	text-align:center;
	
}
.content1024, .content1250, .content1400 {
	margin-left: 2%;
	margin-right: 2%;
}
#nav ul {	
	float:left;
}
#nav li a {
	font-size: 15px;
}
#philantropy {
	
	height: 300px;
	
}
#mobileHeaderLogo {
		top: 0;
		
}
@media only screen and (min-width:481px) and (max-width: 768px) {

.footer-container {
	height: 1500px !important;
		background-color: #96d35e !important;

}
a.icon {
	width: 100% !important;
	display: block;
	box-sizing: border-box;
}
.fullWidth {
	width: 100% !important;
}
.resumeIcon {
	width: 100% !important;
}
.timelineIcon {
	width: 100% !important;
}
.mentorIcon {
	width: 100% !important;
}
#portfolio {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    height: 680px !important;
}
#contact {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    height: 1680px !important;
}

}