body {
  		position: relative;
      font: 20px  'Hind', sans-serif;
      line-height: 1.8;
      color: #f5f6f7;
  }
  p {font-size: 16px;}
  .margin {margin-bottom: 45px;}
  .bg-1 { 
      background-color: #98CDE0; /* Green */
      color: #ffffff;
  }
  .bg-2 { 
      background-color: #474e5d; /* Dark Blue */
      color: #ffffff;
  }
  .bg-3 { 
      background-color: #ffffff; /* White */
      color: #555555;
  }
  .bg-4 { 
      background-color: #2f2f2f; /* Black Gray */
      color: #ffffff;
  }

 .bg-5 {
 	background-color: #011627;
 	/*background-color: #84828F;*/
 	color: #ffffff;
 }

  .container-fluid {
      padding-top: 40px;
      padding-bottom: 70px;
  }
  .navbar {
      padding-top: 15px;
      padding-bottom: 15px;
      border: 0;
      border-radius: 0;
      margin-bottom: 0;
      font-size: 15px;
      letter-spacing: 5px;
  }
  .navbar-nav  li a:hover {
      color: #98CDE0 !important;
  }

	.navbar-brand {
		letter-spacing: 4.5px;
	}

  .navbar-brand:hover {
		color: #98CDE0 !important;

  }
  
  h3 {
  	font-size: 35px;
  }

  h2 {
  	font-size: 40px;
  }

  h4 {
  	font-size: 30px;
  }

  .nounderline {
  	text-decoration: none !important;
  	color: #ffffff;
  }

  .nounderline:hover {
      color: #98CDE0 !important;
      /*color: #C7FFED !important;*/
  }

  a {
  	margin-left: 100px;
  }


  .devicon-html5-plain-wordmark,  .devicon-css3-plain-wordmark, .devicon-ruby-plain-wordmark, .devicon-express-original-wordmark, .devicon-react-original-wordmark, .devicon-nodejs-plain-wordmark, .devicon-javascript-plain, .devicon-jquery-plain-wordmark, .devicon-postgresql-plain-wordmark, .devicon-rails-plain-wordmark, .devicon-github-plain-wordmark, .devicon-slack-plain-wordmark, .devicon-trello-plain-wordmark, .devicon-heroku-plain-wordmark {
  	font-size: 5em;
  }

	.devicon-html5-plain-wordmark:hover,  .devicon-css3-plain-wordmark:hover, .devicon-ruby-plain-wordmark:hover, .devicon-express-original-wordmark:hover, .devicon-react-original-wordmark:hover, .devicon-nodejs-plain-wordmark:hover, .devicon-javascript-plain:hover, .devicon-jquery-plain-wordmark:hover, .devicon-postgresql-plain-wordmark:hover, .devicon-rails-plain-wordmark:hover, .devicon-github-plain-wordmark:hover, .devicon-slack-plain-wordmark:hover, .devicon-trello-plain-wordmark:hover, .devicon-heroku-plain-wordmark:hover {
		background: rgba(255,255,255,1);
		border-radius: 10px;
  	border: 3.5px solid #98CDE0;
  	padding: 5.5px;

	}

	.devicon-postgresql-plain-wordmark {
		margin-bottom: 100px;
	}


	p.lead {
		font-size: 23px;
		line-height: 35px;
	}

	p {
		font-size: 20px;

	}

	i {
		margin-right: 10px;
		margin-left: 10px; 
	}

	i.fa {
		color: #ffffff;
	}

	i.fa-linkedin-square:hover, i.fa-github-square:hover, i.fa-facebook-official:hover, i.fa-envelope:hover {
      color: #98CDE0 !important;
  }

  i.fa-stack-overflow {
  	color: #f48024;
  	margin-bottom: -50px;
  }

  i.fa-stack-overflow:hover {
  	background: rgba(255,255,255,1);
		border-radius: 10px;
  	border: 3.5px solid #98CDE0;
  	padding: 5.5px;
  }

  i.devicon-heroku-plain-wordmark, i.devicon-github-plain-wordmark {
  	margin-bottom: -50px;
  }

	.col-sm-6 {
		margin-bottom: 50px;

	}

	.col-centered {
		float: none;
		margin: 0 auto;
	}

	.affix {
      top:0;
      width: 100%;
      z-index: 9999 !important;
  }

  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }



  img.rest {
  	max-height: 150px;
  	max-width: 150px;
  	margin-bottom: 100px;
  }

  img.rest:hover {
  	background: rgba(255,255,255,1);
		border-radius: 10px;
  	border: 3.5px solid #98CDE0;
  	padding: 5.5px;
  }

  img.post {
  	max-height: 75px;
  	max-width: 75px;
  	margin-bottom: 50px;
  	margin-left: 5px;
  }

  img.post:hover {
  	background: rgba(255,255,255,1);
		border-radius: 10px;
  	border: 3.5px solid #98CDE0;
  	padding: 5.5px;
  }

	h5 {
		margin-right: 120px;
	}

	h5.stack {
		margin-right: 250px;
	}

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

 /* Custom, iPhone Retina */ 
@media only screen and (min-height: 667px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}