body { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; color: #888; line-height: 30px; text-align: center; }

strong { font-weight: 600; }

a { color: #a365bc; border-bottom: 1px dashed #a365bc; text-decoration: none; transition: all .3s; }
a:hover, a:focus { color: #a365bc; border: 0; text-decoration: none; }

h1, h2 { margin-top: 10px; font-size: 38px; font-weight: 300; color: #555; line-height: 50px; font-style: italic; }
h3 { font-size: 22px; font-weight: 300; color: #555; line-height: 30px; font-style: italic; }

img { max-width: 100%; }

.medium-paragraph { font-size: 17px; line-height: 32px; }

::-moz-selection { background: #8542a0; color: #fff; text-shadow: none; }
::selection { background: #8542a0; color: #fff; text-shadow: none; }

/***** Top menu *****/

.navbar { background: #444; transition: all .6s; backface-visibility: hidden; }

.navbar.navbar-no-bg { background: #444; background: rgba(0, 0, 0, 0.8); }

.navbar-dark .navbar-nav { 
	font-size: 15px; 
	color: #fff; 
	/* text-transform: uppercase;  */
}
.navbar-dark .navbar-nav .nav-link { color: #fff; color: rgba(255, 255, 255, 0.8); border: 0; }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.navbar-dark .navbar-nav .nav-link:focus { color: #fff; outline: 0; }

.navbar-expand-md .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; }

.navbar-brand {
	width: 175px;
	border: 0;
}
/***** Top content *****/

.top-content { width: 100%; padding: 0; }

.top-content .carousel-item { height: 100vh; min-height: 400px; }
.top-content .carousel-item img { height: 100%; object-fit: cover; }

.top-content .carousel-control-prev { border-bottom: 0; }
.top-content .carousel-control-next { border-bottom: 0; }

.top-content .carousel-caption { 
	padding: 20px !important; 
	background: #222;
  background: rgba(0, 0, 0, 0.8);
}
.top-content .carousel-caption h1 { color: #fff; }
.top-content .carousel-caption h3 { color: #fff; }
.top-content .carousel-caption .carousel-caption-description { color: #fff; color: rgba(255, 255, 255, 0.8); }

.top-content .carousel-indicators li { width: 16px; height: 16px; margin-left: 5px; margin-right: 5px; border-radius: 50%; }

.carousel-caption {
    right: 40% !important;
    left: 5% !important;
    color: #fff !important;
    text-align: left !important;
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.navbar-expand-md .navbar-nav .nav-link { 
	padding-left: 0.6rem; 
	padding-right: 0.6rem; 
}

}

@media (max-width: 767px) {
	
	.navbar.navbar-no-bg { background: #444; }
	.navbar-dark .navbar-toggler { border-color: #444; }
	.navbar-dark .navbar-toggler:focus { background: #333; outline: 0; }
	.navbar-expand-md .navbar-nav .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; }
	
	h1, h2 { font-size: 22px; line-height: 30px; }
	.top-content .carousel-caption { bottom: 20px; }
	.top-content .carousel-indicators { display: none; }
}

@media (max-width: 575px) {
	
	.top-content .carousel-item { max-height: 400px; }
	
	.top-content .carousel-caption { bottom: 0; padding-bottom: 20px; }
	.top-content .carousel-caption-description { display: none; }
	
	.top-content h1, 
	.top-content h2, 
	.top-content h3 { font-size: 18px; }

}


/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
    .navbar-brand {
    	background-image: url(../images/floow_logo.svg) !important; 
			background-repeat: no-repeat !important; 
			background-size: 123px 34px !important;
			z-index: 10;
    }
	
}