p, h1, h2, h3, h4{
		
		font-family: 'Roboto', sans-serif;
	}

/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
	.nav-item{
		padding: 0 10px;
	}
	
	.nav-link
	{
		text-align: center;
	}
	
	.navbar-dark .navbar-nav .nav-link
	{
		color: #ffffff;
	}
	
	h1{
		margin-top: 0;
		margin-bottom: 30px;
		color: #37a1e6;
		font-size: 2.0rem;
	}
	

	:-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:    #343a40;;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #343a40;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #343a40;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #343a40;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #343a40;
	}

	::placeholder { /* Most modern browsers support this now. */
	   color:    #343a40;
	}
	
	.hide{
	display:none;
	}
	
	.navbar-brand{padding: 10px 15px; 
	margin: 0 auto;}
	
	.button {
	  background-color: #37a1e6; 
	  border: none;
	  color: white;
	  padding: 15px 32px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	}
	
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }
	
	
	.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	}

	.carousel-control-next-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	}

	#carouselContent{
	 height: 190px;	
	}
	
	.carousel-indicators{
		top: 190px;
	}
	
	.carousel-indicators li{
		background-color: #848283;
	}
	
	.carousel-indicators .active{
		background-color: #37a1e6;
	}
	
	
	@media only screen and (max-width: 720px) {
   
		#carouselContent{
			height: 350px;
		}
		
		.carousel-indicators{
		
			top: 330px;
		}
		
	}