* {
  box-sizing: border-box;
}

body {
  margin: 0;
  
  font-family: 'Varela Round', sans-serif;
  font-size: 17px;
}

table tr td
{
color:#9f9f9f

}

.content {
  position:relative;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 0px;
}
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}


.navbar-header.col 
	{
		padding: 0 !important;
		
	}	
.navbar 
    {
		background: #fff;
		padding-left: 0px;
		padding-right: 0px;
		border-bottom: 0px ;
		border-radius: 0;
		
	}
	
.nav-link img 
    {
		border-radius: 0%;
		width: 36px;
		height: 36px;
		margin: -8px 0;
		float: left;
		margin-right: 10px;
		
	}
.navbar .navbar-brand, .navbar .navbar-brand:hover, .navbar .navbar-brand:focus
   {
		padding-left: 0px;
		font-size: 10px;
		padding-right: 15px;
		
		//border:solid;
		//border-width:10px;
		
		
	}
	.navbar .navbar-brand b 
	{
		font-weight: bold;
		color: #33cabb;
	}
	
	.navbar .nav li 
	{
		position: relative;
		//border:solid;
		//border-width:10px;
		//float:left;
		
		
	}
	.navbar .nav li a 
	{
		color: #888;
		padding: 20px;
		//border:solid;
		//border-width:10px;
	}
	

	
	
	@media (max-width: 768px)
	{
		.navbar .dropdown-menu.form-wrapper 
		{
			width: 100%;
			padding: 10px 15px;
			background: transparent;
			border: none;
     	}
		.navbar .form-inline 
		{
				display: block;
		}
		.navbar .input-group 
		{
				width: 100%;
		}
		.navbar .nav .btn-primary, .navbar .nav .btn-primary:active 
		{
				display: block;
		}
	}
	
	.item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}