/* GLOBAL and HOMEPAGE STYLES
-------------------------------------------------- */
body {
  padding:0px;
  margin:0px;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  color: #fff;
  font-weight:400;
  line-height:32px;
  background:url('../images/bkg/screen6.jpg') no-repeat center top;
  background-attachment: fixed; 
  background-color:#102226;
 /* overflow-x: hidden;*/
}

#mobile-logo	{display:none;}
#mobile-nav		{display:none;}
.menu-text		{text-align:right;float:right;padding-right:10%;display:none;}

a:link, a:visited, a:active	{color:#7dccde;padding-left:30px;padding-right:30px;text-decoration:none;}
a:hover	{color:#d7d7d7;padding-left:30px;padding-right:30px;text-decoration:none;}

 
p				{margin:0px 4% 32px 4%;}
p.websitetype	{text-align:center;font-size:15px;font-style:italic;color:#fff;line-height:22px;margin-top:7px;}


.trans-bkg			{background:rgba(0, 0, 0, 0.6)}
.logo-spacing		{padding-top:24px;}
.logo-spacing img	{margin:0px auto;}

.row-container	{position:relative;z-index:1000;max-width:100%;height:auto;}

.intro-spacing			{padding-top:50px;padding-bottom:30px;}
.intro-spacing-left		{padding-left:3%;}
.intro-spacing-right	{padding-right:3%;}

.row-content	{position:relative;z-index:1000;max-width:100%;height:auto;}

.email-resume-spacing	{padding-top:36px;padding-bottom:30px;padding-left:4%;padding-right:4%;}
.resume-intro-spacing	{text-align:center;font-size:18px;font-weight:bold;padding-bottom:24px;}
.resume-intro-spacing span	{font-size:14px;font-weight:normal;}
.technical-skills-intro		{font-size:16px;font-weight:bold;padding-bottom:7px;padding-left:4%;}
.technical-skills			{padding-left:10%;min-height:120px;}
.work-history-container		{padding-bottom:30px;padding-left:4%;padding-right:4%;}
.work-history-intro			{font-size:16px;font-weight:bold;padding-bottom:7px;padding-left:4%;}
.work-history-detail		{font-weight:bold;padding-bottom:0px;padding-left:8%;}
.education-intro			{font-size:16px;font-weight:bold;padding-top:7px;padding-bottom:7px;padding-left:4%;}
.education					{padding-left:10%;}
.download1					{padding-top:24px;padding-left:7.3%;}
.download2					{padding-top:7px;padding-left:7.3%;}
.contact-intro				{padding-top:36px;padding-bottom:30px;}
.contact-detail				{padding-bottom:72px;padding-left:4%;padding-right:4%;}
.contact-spacing			{padding-left:6%;}

.lspacing					{letter-spacing:.01em;}

.grey-divider				{position:relative;z-index:1000;max-width:100%;height:13px;background-color:#e0e0e0;margin-top:27px;}

.aqua-text					{color:#24839e;}


.resumeSkillLine 			{width:660px;padding-left:25px;}
.resumeSkill 				{width:220px;float:left;}
ul.resume 					{padding-left:10%;} 
ul.resume li 				{padding-right:5%;} 

.imglink		{border:none;outline:none;}

a.outlink		{text-decoration:underline;}

a.contactme		{padding:0px;text-decoration:underline;border:none;outline:none;border:none;outline:none;}

a.download		{border:none;outline:none;}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


/* centered navigation */
 .nav.navbar-nav {
   /*  clear: left;
     float: left;*/
	 width: 100%;
    /* margin: 0;
     padding: 0;
     position: relative;
     left: 48%;*/
     text-align: center;
 }
 .nav.navbar-nav > li {
     float: none;
      display: inline-block;
    /* right: 35%;*/
 }
 
 .nav.navbar-nav li {
    text-align: center;
	padding-left:2.5%;
	padding-right:2.5%;
 }
 
 .nav.navbar-nav li a{
    font-family: 'Lato', sans-serif;
	color:#24839e;
	font-size:16px;
	font-weight:900;
	letter-spacing:2px;
 }
 
 .navbar .nav > li > a:focus,
 .navbar .nav > li > a:hover {
	color: #fff;  /* #031c21 */
	text-decoration: none;
	background-color: transparent;
	outline:none;border:none;
	background-image:url(../images/bkg/nav-item-bkg.png);background-repeat:no-repeat;background-position:2%;
}

 .navbar .nav > .active > a,
 .navbar .nav > .active > a:hover,
 .navbar .nav > .active > a:focus {
	color: #24839e;
	text-decoration: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	 -moz-box-shadow: none;
		  box-shadow: none;
	outline:none;border:none;
}
 
 .navbar {
    position: relative;
    min-height: 69px;
    padding-right: 15px;
    padding-left: 15px;
	padding-top:10px;
    margin-bottom: 0px;
	background-color: none; /*#24839e;*/
    border:none;
}


.navbar-toggle {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 50px;
    height: 33px;
    padding: 0px 12px;
    background-color: transparent;
	border:none;
}
.navbar-toggle:hover, .navbar-toggle:focus {
	background-color: transparent;
	outline:none;
	border:none;
}

.nav-spacing	{padding-top:50px;padding-left:0px;padding-right:0px;}


/* CONTACT FORM  */

.contactus-form				{max-width:100%;position:relative;margin:0px;padding-top:94px;background-color:#777777;padding-left:15px;padding-right:15px;}

.thankyou-content			{max-width:850px;float:left;margin:80px 5% 0px 10%;padding-bottom:20px;}

#label-contactfirstname		{display:none;}
#label-contactlastname		{display:none;}
#label-contactemail			{display:none;}
#label-contactmessage		{display:none;}


.form-image					{text-align:center;margin-bottom:46px;}
.address-block				{padding-top:6px;padding-bottom:40px;}
.phone-block				{margin-top:46px;}

input.contact-form-submitformbtn	{background-image:url('../images/buttons/submit-btn.png');background-repeat:no-repeat;width:171px;height:60px;margin:0px 0px 24px 5.4%;padding:0px;float:left;border:none;cursor:pointer;border: 0px solid #ccc;} 


input.contact-input-box {
  display: block;
  width:89%;
  min-height: 56px;
  background-color:#ffffff;
  border: 0px solid #cfcfcf;
  margin:0px auto;
  padding-left:3%;
  box-shadow:none;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius:0px;
  font-family: 'Questrial', sans-serif;
  font-size:16px;
}


.contact-textarea-box {
  display: block;
  width: 89%;
  min-height: 160px;
  background-color:#ffffff;
  border: 0px solid #cfcfcf;
  margin:0px auto;
  padding-left:1.8%;
  padding-top:2%;
  box-shadow:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius:0px;
  font-family: 'Questrial', sans-serif;
  font-size:16px;
}


.contactus-form-row {
	margin-bottom:40px;
}

label	{font-size:13px;font-weight:500;margin-top:0px;margin-bottom:0px;cursor:default;color:#ffffff;padding-left:5.2%;}

.required-text-footnote	{font-family:Arial, Helvetica, sans-serif;font-size:11px;padding-left:24px;line-height:45px;color:#ffffff;}
.required-text		{font-family:Arial, Helvetica, sans-serif;font-size:11px;padding-left:3px;}
.form-err			{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ffffff;margin-left:5.2%;}


input.contact-input-box::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-family: 'Questrial', sans-serif;
	font-size:18px;
	color:#434343;
}
input.contact-input-box:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: 'Questrial', sans-serif;
	font-size:18px;
	color:#434343;
}
input.contact-input-box::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: 'Questrial', sans-serif;
	font-size:18px;
	color:#434343;
}
input.contact-input-box:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-family: 'Questrial', sans-serif;
	font-size:18px;
	color:#434343;
}


/* END CONTACT FORM */


/* FOOTER */


.footer-container 		{padding-bottom:100px;padding-left:4%;padding-right:4%;}
.footer-detail			{text-align:right;padding-right:4%;font-size:12px;}

/* LINKS */

.galleryfilters a 			{font-family: 'Lato', sans-serif;color:#24839e;font-weight:700;padding:0px .5% 0px 1.5%;text-decoration:none;border:none;outline:none;}
.galleryfilters a.selected 	{color: #fff;}
.galleryfilters a:hover 	{color: #fff;}
/* GALLERY STYLES */

.gallery-container 	{width:100%;position:relative;display:block;background-color:transparent;padding-top:0px;padding-bottom:32px;}
.gallery-row	 		{position:relative;clear:both;display:block;margin:0px auto 0px auto;} 
.gallery-row-spacing	{padding-top:36px;}

.galleryfilters					{text-align:center;}
.gallerycontainer				{height:auto;margin-left:4.8%;}


.galleryitem img		{margin:0px auto;}

.filterbreak1					{display:none;}
.filterbreak2					{display:none;}
.filterbreak3					{display:none;}
.filterbreak4					{display:none;}

.filterdivider1, .filterdivider2, .filterdivider3, .filterdivider4, .filterdivider5	{color:#24839e;padding-left:1%;font-size:14px;vertical-align:top;}


.gallerythumb {width:358px;height:358px;background:transparent;padding:15px;margin:10px;float:left;}

/* ISOTOPE FILTERING */

	.galleryitem {
		
		height: auto;  /* 355px */
		/*padding-bottom:20px;*/
		padding:0px;margin:0px;
		padding-bottom:30px;
		padding-left:10px;
		
	}

	/* --- Start: Recommended Isotope styles --- */
	.isotope-item {
	  z-index: 2;
	  
	}
	
	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}
	
	
	/* --- Isotope CSS3 transitions --- */
	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.6s;
		 -moz-transition-duration: 0.6s;
		  -ms-transition-duration: 0.6s;
		   -o-transition-duration: 0.6s;
			  transition-duration: 0.6s;
	}
	
	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}
	
	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:         top, left, opacity;
			  transition-property:         transform, opacity;
	}
	
	
	/* --- disabling Isotope CSS3 transitions --- */
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
		 -moz-transition-duration: 0s;
		  -ms-transition-duration: 0s;
		   -o-transition-duration: 0s;
			  transition-duration: 0s;
	}
	
	/* --- End: Recommended Isotope styles --- */



/* --- disable CSS transitions for containers with infinite scrolling --- */
.isotope.infinite-scrolling {
  -webkit-transition: none;
	 -moz-transition: none;
	  -ms-transition: none;
	   -o-transition: none;
		  transition: none;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
  .galleryitem {margin-left:6%;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .galleryitem {margin-left:29%;}
}

@media (min-width: 700px) and (max-width: 767px) {
  .galleryitem {margin-left:28%;} 
}

@media (min-width: 640px) and (max-width: 699px) {
  .galleryitem {margin-left:26%;} 
}

@media (min-width: 570px) and (max-width: 639px) {
  .galleryitem {margin-left:23%;} 
}

@media (min-width: 500px) and (max-width: 569px) {
  .galleryitem {margin-left:20%;} 
}

@media (min-width: 460px) and (max-width: 499px) {
  .galleryitem {margin-left:16%;} 
}

@media (min-width: 425px) and (max-width: 459px) {
  .galleryitem {margin-left:12%;} 
}

@media (min-width: 400px) and (max-width: 424px) {
  .galleryitem {margin-left:9%;} 
}

@media (min-width: 340px) and (max-width: 399px) {
  .galleryitem  {margin-left:0%;}
  
}

@media (min-width: 320px) and (max-width: 339px) {
  .galleryitem {width:90%;height:auto;margin-left:2%;}
  .gallerythumb {padding:0px;margin:0px;} 
}

@media (min-width: 0px) and (max-width: 319px) {
  .galleryitem {width:85%;height:auto;margin-left:8% !important;}
  .gallerythumb {padding:0px;margin:0px;} 
}

@media (min-width: 1200px) {

  .colorcode		{color:black;}
}

@media (min-width: 992px) and (max-width: 1199px) {  /* iPad landscape */

  .colorcode		{color:#32e9d1;}
  
 
  ul.resume 		{padding-left:10.4%;}
  
  .download1, .download2		{padding-left:6.7%;}

}

@media (min-width: 880px) and (max-width: 991px) {

  .colorcode		{color:pink;}
  
  .nav.navbar-nav li 	{padding-left:1.5%;padding-right:1.5%;}
  
  .gallerycontainer		{margin-left:0px;}
  .galleryfilters		{padding-left:10%;padding-right:10%;line-height:16px;}
  .filterbreak1			{display:block;}
  .filterdivider3		{display:none;}
  .filterbreak2			{display:none;}
  .filterbreak3			{display:block;}
  
  .technical-skills			{min-height:170px;}
  
  .download1, .download2	{padding-left:5.7%;}

}

@media (min-width: 768px) and (max-width: 879px) {  /* iPad portrait */

  .colorcode	{color:red;}
  
  .nav.navbar-nav li 	{padding-left:1.5%;padding-right:1.5%;}
  
  .gallerycontainer		{margin-left:0px;}
  .galleryfilters		{padding-left:10%;padding-right:10%;line-height:16px;}
  .filterbreak1			{display:block;}
  .filterdivider3		{display:none;}
  .filterbreak2			{display:none;}
  .filterbreak3			{display:block;}
  
  .technical-skills			{min-height:170px;}
  
  ul.resume 		{padding-left:11.4%;}
  
  .download1, .download2	{padding-left:5.7%;}
  
}

@media (min-width: 700px) and (max-width: 767px) {    

  .colorcode	{color:blue;}
    .navbar-nav 			{margin: 7.5px 0px;}
  .nav.navbar-nav li 	{padding-left:.5%;padding-right:.5%;}
  
  .gallerycontainer		{margin-left:0px;}
  .galleryfilters		{padding-left:10%;padding-right:10%;line-height:16px;}
  .filterbreak1			{display:block;}
  .filterdivider3		{display:none;}
  .filterbreak2			{display:none;}
  .filterbreak3			{display:block;}
  
  .technical-skills			{min-height:170px;}
  
  ul.resume 		{padding-left:11.4%;}
  
  .download1, .download2	{padding-left:5.7%;}
  

}

@media (min-width: 649px) and (max-width: 699px) {  

  .colorcode	{color:purple;}
  
  #non-mobile-logo	{display:none;}
  #mobile-logo		{display:block;}
  #non-mobile-nav	{display:none;}
  #mobile-nav		{display:block;}
  .menu-text		{display:block;}
  .container-fluid>.navbar-header	{height:50px;}
  .navbar-toggle	{top:1px;}
  .navbar-toggle .icon-bar	{background-color:#fff;}
  .navbar-nav 			{margin: 7.5px 0px;}
  .nav.navbar-nav li 	{padding-left:0%;padding-right:0%;}
  .nav-spacing		{padding-top:20px;}
  .intro-spacing	{padding-top:20px;}
  
  .gallerycontainer		{margin-left:0px;}
  .galleryfilters		{padding-left:10%;padding-right:10%;line-height:16px;}
  .filterbreak1			{display:block;}
  .filterdivider3		{display:none;}
  .filterbreak2			{display:none;}
  .filterbreak3			{display:block;}
  
  .technical-skills		{min-height:170px;}
  
  ul.resume 		{padding-left:11.4%;}
  
  .download1, .download2	{padding-left:5.3%;}
  
  
  

}
@media (min-width: 589px) and (max-width: 648px) {  

  .colorcode	{color:purple;}
  
  #non-mobile-logo	{display:none;}
  #mobile-logo		{display:block;}
  #non-mobile-nav	{display:none;}
  #mobile-nav		{display:block;}
  .menu-text		{display:block;}
  .container-fluid>.navbar-header	{height:50px;}
  .navbar-toggle	{top:1px;}
  .navbar-toggle .icon-bar	{background-color:#fff;}
  .navbar-nav 			{margin: 7.5px 0px;}
  .nav.navbar-nav li 	{padding-left:0%;padding-right:0%;}
  .nav-spacing		{padding-top:20px;}
  .intro-spacing	{padding-top:20px;}
  
  .gallerycontainer		{margin-left:0px;}
  .galleryfilters		{padding-left:10%;padding-right:10%;line-height:16px;}
  .filterbreak1			{display:block;}
  .filterdivider3		{display:none;}
  .filterbreak2			{display:none;}
  .filterbreak3			{display:block;}
  
  .technical-skills		{min-height:170px;}
  
  ul.resume 		{padding-left:11.4%;}
  
  .download1, .download2	{padding-left:5.3%;}
  

}


@media (min-width: 538px) and (max-width: 588px) {  /* iPhone landscape */

	.colorcode	{color:orange;}
	
	.trans-bkg			{background-color:#041317;}
	#non-mobile-logo	{display:none;}
    #mobile-logo		{display:block;}
	#non-mobile-nav	{display:none;}
    #mobile-nav		{display:block;}
	.menu-text		{display:block;padding-right:13%;}
    .container-fluid>.navbar-header	{height:50px;}
	.navbar-toggle	{top:1px;}
    .navbar-toggle .icon-bar	{background-color:#fff;}
    .navbar-nav 				{margin: 7.5px 0px;}
    .nav.navbar-nav li 	{padding-left:0%;padding-right:0%;}
    .nav-spacing		{padding-top:20px;}
    .intro-spacing		{padding-top:20px;}
	
	.gallerycontainer	{margin-left:0px;}
    .galleryfilters		{padding-left:5%;padding-right:5%;line-height:16px;}
    .filterbreak1		{display:block;}
    .filterdivider3		{display:none;}
    .filterbreak2		{display:none;}
    .filterbreak3		{display:block;}
  
    .technical-skills	{min-height:170px;}
	
	.resumeSkill	{width:170px;}
  
    ul.resume 		{padding-left:12.4%;}
  
   .download1, .download2	{padding-left:3%;}
	
}

@media (min-width: 480px) and (max-width: 537px) {  /* iPhone landscape */

	.colorcode	{color:orange;}
	
	.trans-bkg			{background-color:#041317;}
	#non-mobile-logo	{display:none;}
    #mobile-logo		{display:block;}
	#non-mobile-nav	{display:none;}
    #mobile-nav		{display:block;}
	.menu-text		{display:block;padding-right:13%;}
    .container-fluid>.navbar-header	{height:50px;}
	.navbar-toggle	{top:1px;}
    .navbar-toggle .icon-bar	{background-color:#fff;}
    .navbar-nav 				{margin: 7.5px 0px;}
    .nav.navbar-nav li 	{padding-left:0%;padding-right:0%;}
    .nav-spacing		{padding-top:20px;}
    .intro-spacing		{padding-top:20px;}
	
	.gallerycontainer	{margin-left:0px;}
    .galleryfilters		{padding-left:5%;padding-right:5%;line-height:16px;}
    .filterbreak1		{display:block;}
    .filterdivider3		{display:none;}
    .filterbreak2		{display:none;}
    .filterbreak3		{display:block;}
  
    .technical-skills	{min-height:170px;}
	
	.resumeSkill	{width:170px;}
  
    ul.resume 		{padding-left:12.4%;}
  
   .download1, .download2	{padding-left:3%;}
	
}

@media (min-width: 440px) and (max-width: 479px) {

	.colorcode	{color:skyblue;}
	
	.trans-bkg			{background-color:#041317;}
	#non-mobile-logo	{display:none;}
    #mobile-logo		{display:block;}
	#non-mobile-nav	{display:none;}
    #mobile-nav		{display:block;}
	.menu-text		{display:block;padding-right:14%;}
    .container-fluid>.navbar-header	{height:50px;}
	.navbar-toggle	{top:1px;}
    .navbar-toggle .icon-bar	{background-color:#fff;}
    .navbar-nav 				{margin: 7.5px 0px;}
    .nav.navbar-nav li 	{padding-left:0%;padding-right:0%;}
    .nav-spacing		{padding-top:20px;}
    .intro-spacing		{padding-top:20px;}
	
	.gallerycontainer	{margin-left:0px;}
    .galleryfilters		{padding-left:0%;padding-right:0%;line-height:16px;}
    .filterbreak1		{display:block;}
    .filterdivider3		{display:none;}
    .filterbreak2		{display:none;}
    .filterbreak3		{display:block;}
  
    .technical-skills	{min-height:375px;}
	
	.resumeSkill	{width:180px;}
  
    ul.resume 		{padding-left:12.4%;}
  
    .download1, .download2	{padding-left:3%;}
	
	
}

@media (min-width: 400px) and (max-width: 439px) {

	.colorcode	{color:#999900;}
	
	.trans-bkg			{background-color:#041317;}
	#non-mobile-logo	{display:none;}
    #mobile-logo		{display:block;}
	#non-mobile-nav	{display:none;}
    #mobile-nav		{display:block;}
	.menu-text		{display:block;padding-right:16%;}
    .container-fluid>.navbar-header	{height:50px;}
	.navbar-toggle	{top:1px;}
    .navbar-toggle .icon-bar	{background-color:#fff;}
    .navbar-nav 				{margin: 7.5px 0px;}
    .nav.navbar-nav li 	{padding-left:0%;padding-right:0%;}
    .nav-spacing		{padding-top:20px;}
    .intro-spacing		{padding-top:20px;}
	
	.gallerycontainer	{margin-left:0px;}
    .galleryfilters		{padding-left:0%;padding-right:0%;line-height:16px;}
    .filterbreak1		{display:block;}
    .filterdivider2		{display:none;}
	.filterdivider3		{display:none;}
    .filterbreak2		{display:block;}
    .filterbreak3		{display:block;}
  
    .technical-skills	{min-height:375px;}
	
	.resumeSkill	{width:180px;}
  
    ul.resume 		{padding-left:12.4%;}
  
    .download1, .download2	{padding-left:2.6%;}
	

}

@media (min-width: 320px) and (max-width: 399px) {  /* iPhone portrait */

	.colorcode	{color:green;}
	.trans-bkg			{background-color:#041317;}
	#non-mobile-logo	{display:none;}
    #mobile-logo		{display:block;}
	#non-mobile-nav	{display:none;}
    #mobile-nav		{display:block;}
	.menu-text		{display:block;padding-right:22%;}
    .container-fluid>.navbar-header	{height:50px;}
	.navbar-toggle	{top:1px;}
    .navbar-toggle .icon-bar	{background-color:#fff;}
    .navbar-nav 				{margin: 7.5px 0px;}
    .nav.navbar-nav li 	{padding-left:0%;padding-right:0%;}
    .nav-spacing		{padding-top:20px;}
    .intro-spacing		{padding-top:20px;} 
	
	.gallerycontainer	{margin-left:0px;}
	.gallery-row img	{margin:0px auto;}
    .galleryfilters		{padding-left:0%;padding-right:0%;line-height:16px;}
    .filterbreak1		{display:block;}
    .filterdivider2		{display:none;}
	.filterdivider3		{display:none;}
    .filterbreak2		{display:block;}
    .filterbreak3		{display:block;}
	.gallerythumb 		{width:320px;height:320px;}
  
    .technical-skills	{min-height:375px;}
	
	.resumeSkill	{width:180px;}
  
    ul.resume 		{padding-left:13.8%;}
  
    .download1, .download2	{padding-left:1.5%;}
	
	a.download		{font-size:13px;}
	
 	
}

@media (min-width: 0px) and (max-width: 319px) {

	.colorcode	{color:#FFCC99;}
	
	.trans-bkg			{background-color:#041317;}
	#non-mobile-logo	{display:none;}
    #mobile-logo		{display:block;}
	#non-mobile-nav	{display:none;}
    #mobile-nav		{display:block;}
	.menu-text		{display:block;padding-right:22%;}
    .container-fluid>.navbar-header	{height:50px;}
	.navbar-toggle	{top:1px;}
    .navbar-toggle .icon-bar	{background-color:#fff;}
    .navbar-nav 				{margin: 7.5px 0px;}
    .nav.navbar-nav li 	{padding-left:0%;padding-right:0%;}
    .nav-spacing		{padding-top:20px;}
    .intro-spacing		{padding-top:20px;}
	
	.gallerycontainer	{margin-left:0%;}
	.gallery-row img	{margin:0px auto;}
    .galleryfilters		{padding-left:0%;padding-right:0%;line-height:16px;}
    .filterbreak1		{display:block;}
    .filterdivider2		{display:none;}
	.filterdivider3		{display:none;}
    .filterbreak2		{display:block;}
    .filterbreak3		{display:block;}
	.filterdivider4		{display:none;}
	.filterbreak4		{display:block;}

  
    .technical-skills	{min-height:375px;}
	
	.resumeSkill	{width:180px;}
  
    ul.resume 		{padding-left:13.8%;}
  
    .download1, .download2	{padding-left:1.5%;}
	
	a.download		{font-size:12px;}

	
}