header.masthead, #mainNav, body, h1, h2, h3, h4, h5, h6  {
	  font-family: 'Lato';
}

.carousel-caption  {text-shadow: 1px 1px #000;}

.img-thumbnail {
    height:250px;
    width:100%;
}



#mainNav {
  border: none;
  background: #2C3E50; 
}
  #mainNav a:focus {
    outline: none; 
}

#mainNav .navbar-brand {
    font-size: 1.1rem;
    color: white; 
    letter-spacing: 0px !important;
}
    #mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
      color: white; }
 
 #mainNav .navbar-nav {
    letter-spacing: 1px; 
}
    #mainNav .navbar-nav li.nav-item a.nav-link {
      color: #fff; 
	   font-size: 11px;}
      #mainNav .navbar-nav li.nav-item a.nav-link:hover {
        color: silver;
        outline: none; }
      #mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
        color: white; }
  #mainNav .navbar-toggler {
    font-size: 11px;
    padding: 11px;
    text-transform: uppercase;
    color: white;
    border-color: white; }
    #mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {
      color: white;
      border-color: #18BC9C;
      background-color: #18BC9C; 
}

#mainNav .navbar-nav li.nav-item a.nav-link {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0px;
}	  

#mainNav .navbar-brand {
    font-size: 2.1rem;
    color: white;
} 

#mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {
    color: white;
    border-color: white;
    background-color: rgb(0,0,0,0.4);
}

.dropdown-menu {
font-size:13px;

}

footer .fa {
    color: black;
	
}
footer .btn-social {
    background-color: silver;
}

	  
a, a.active, a:active, a:focus, a:hover {
    color: #2C3E50;
    outline: none;
	font-weight:bold;
}

footer a, footer a:active, footer a:focus, footer a:hover {
	color:white;
}

footer .footer-above {
    padding-top: 50px;
    background-color: #333;
}


footer .footer-below {
    padding: 25px 0;
    background-color: #000;
}





section h2 {
    font-size: 2em;
    color: #2c3e50;
}

header.masthead {
    padding-top: 100px;
    padding-bottom: 50px;
    text-align: center;
    color: black;
    background: #f1f1f1;
}

#header-subpage {
	
	height:260px;
	background-repeat:no-repeat;
	background-position: center; 
	background-size: cover;
}

@media only screen and (max-width: 600px) {
	#header-subpage {
		height:150px;
	}
	
	#mainNav .navbar-nav li.nav-item a.nav-link {
		background-color: rgba(0,0,0,0.7);
		padding:10px;
	}
}



section.success {
    color: black;
    background: #f1f1f1;
}



hr.star-light:after {
    /* color: white; */
    color: #2c3e50;
    background-color: #f1f1f1;
}


hr.star-light {
    border-color: #2c3e50;
}

hr.star-primary {
    border-color: #2c3e50;
}

hr.star-primary:after {
    color: #2c3e50;
    background-color: white;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
}

.btn-pictograms-outline {
    font-size: 40px;
    transition: all 0.3s ease-in-out;
    color: #2c3e50;
    border: solid 2px #2c3e50;
    background: transparent;
    text-align: center;
    margin: 50px 55px 0 55px;
}

.btn-pictograms-outline:hover {
    color: #000;
	font-size: 42px;
    

}

.scroll-phone-btn  {
	width:50px;height:50px;border-radius:50px;
	background-color:#2C3E50;
	position:fixed;
	bottom:9px;left:7px;
	z-index:99999;
	text-align:center;
}
.scroll-phone-btn:hover {
	background-color:#000;
}

.scroll-arrow-btn {
	background-color:#2C3E50;
}

.scroll-arrow-btn:hover {
	background-color:black;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3, #portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
    font-size: smaller;
}

@media only screen and (max-width: 600px) {

	.room-item h4 {
		margin-top:20px !important;
		text-align:left;
	}
#carouselExampleIndicators {margin-top:60px;}
	#carouselExampleIndicators img.img-responsive {
			height:320px !important;
	}
			
	#carouselExampleIndicators .carousel, .item, .active {
		height: 320px;
	}

}