@media (min-width : 768px) and (max-width : 1024px) {
	.navbar-nav > li > a{
		font-size:12pt !important;
		padding: 15px 15px 15px 0 !important;
	}
}

@media (max-width: 767px) {
	
  #the_hero{
	  width:300px;
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: 0 center;
	  font-size:40px;
	  line-height:40px;
  }
  #iconsHolder {
  	position: relative;
  	width: 280px;
    margin: auto;
    height: 40px;
    padding-bottom: 20px;
  }
  .nav > li {
	  text-align: center;
  }
  .navbar-nav > li > a {
    padding: 15px 0 !important;
  }
  .navbar-collapse{
	  padding-bottom: 20px;
  }
  .jumbotron h1, .jumbotron .h1 {
  	font-size:40px;
  	line-height: 44px;
  }
  .jumbotron{
	  padding: 30px 0px;
  }
  .navbar-nav{
	  margin:0px;
  }
}

@media (min-width: 1400px) {
	
  .container {
    width: 1370px;
  }
  
}



@media (min-width: 1600px) {

  .container {
    width: 1570px;
  }
  
}