@charset "UTF-8";
/* CSS Document */



html {
  font-size: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: 'Open Sans', sans-serif;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 1.4em;
  color: #333;
}

h2	{
	font-size:1.8em;
	padding-bottom:0.2em;
	
}

h3	{
	line-height:inherit;
	font-size: 1.8em;
}

h4 	{
	font-size: 1.4em;
    font-weight: 600;
	background-color:#ffeded;
	padding:1em;
	margin-top: 0;
}

.h4-subtitle {
	font-size:0.8em;
	font-weight:normal; 
	color:#666666;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 12px 20px 10px 0;
}

.disabled {
	color:#fff !important;
	}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 13px 15px;
  line-height: 20px;
}

.project-margins {
	margin: 3em auto;
}

.jumbotron {
  padding: 24px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #ffc9b8;
}

.jumbotron p {
  margin: 24px 0 30px 0;
  font-weight: 400;
  line-height:1.6em;
}

.jumbotron h2,
.jumbotron .h2 {
  color: inherit;
  padding-top:1em;
}


.jumbotron2 {
  padding: 24px;
  margin-bottom: 10px;
  color: inherit;
  
  
}


 .jumbotron3 {
  padding: 24px;
  margin-bottom: 10px;
  color: inherit;
  font-size:18px;
  
}

.jumbotron3 h2,
.jumbotron3 .h2 {
  /*margin: 1.6em auto;*/
  font-weight: 600;
  }
  
.jumbotron3 h3,
.jumbotron3 .h3 {
  font-weight: 600;
  color:#000;
  margin-top: 0;
  margin-bottom:1em;
  }
  
.jumbotron3 p,  
.jumbotron3 .p {
	color: #4d4d4d;
	padding-bottom:0.8em;
}

.hrpadding {
	margin: 2em auto;
}
  
.title-bold {
	font-weight:600;
}

.face {
  position: relative;
}

.role {
	font-size: 1.4em;
    margin-top: 1em;
}

#intro {
	margin: 3em auto;
}

#projects {
	scroll-margin-top:2rem;
	}

#about {
	scroll-margin-top:2rem;
	}

.contactcontain	{
	margin-top: 30px;
	margin-bottom: 40px;

}

.solntext	{
	color: #339933;
	font-weight: 600;
}

.aboutcontain {
  padding: 24px;
  margin-bottom: 10px;
  color: inherit;
  background-color:#EAEAEA;
  
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    padding-right: 15px;
    box-shadow: 0px 1px 0px rgba(255, 251, 255, 0.1) inset;
    padding-left: 35px;
}



/* flatly overrides */

.btn-primary {
  color: #ffffff;
  background-color: #2c3e50;
  border-color: #2c3e50;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #1e2a36;
  border-color: #161f29;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #2c3e50;
  border-color: #2c3e50;
}
.btn-primary .badge {
  color: #2c3e50;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #18bc9c;
  border-color: #18bc9c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #13987e;
  border-color: #11866f;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #18bc9c;
  border-color: #18bc9c;
}
.btn-success .badge {
  color: #18bc9c;
  background-color: #ffffff;
}

.text-primary,
.text-primary:hover {
  color: #2c3e50;
}
.text-success,
.text-success:hover {
  color: #18bc9c;
}
.text-danger,
.text-danger:hover {
  color: #e74c3c;
}
.text-warning,
.text-warning:hover {
  color: #f39c12;
}
.text-info,
.text-info:hover {
  color: #3498db;
}

/* end flatly overrides */

/* instagram */

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }

/* mobile break points */

@media only screen and (min-width: 768px) {
  h2	{
	font-size:2.4em;
	
}
	
}