@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Raleway:400,700');
/*
	font-family: "Open Sans", sans-serif;
	font-family: 'Raleway', sans-serif;
 */

body { width: 100%; height: 100%; }
html { width: 100%; height: 100%; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	color: #151515;
	letter-spacing: 0;
}

p {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 1.66667;
	font-weight: 400;
}

small { font-family: "Open Sans", sans-serif; }

a {
	font-family: "Open Sans", sans-serif;
	color: #a23f97;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
a:hover, a:focus { color: #006eb7; }

li {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

label {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}



/* NAVBAR
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.nav-mavitah {
	/* z-index: 9; */
	background: rgba(0, 0, 0, 0);
}

.nav-mavitah .navbar-nav .nav-link {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}



/* CAROUSEL
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.carousel-mavitah { margin-top: -90px; }
@media (max-width: 767px) {
	.carousel-mavitah { margin-top: -120px; }
}
.carousel-caption h2 {
	font-size: 50px;
	text-transform: uppercase;
}
.carousel-caption p { font-size: 16px; text-shadow: 0px 0px 5px #000; }
.carousel-caption { padding-bottom: 3%; }
.carousel-caption h2, .carousel-caption p { color: #FFF; }



/* LOGO
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.logo {
	z-index: 9;
	margin-top: -40px;
	position: relative;
}

@media (max-width: 767px) { .logo { margin-top: -100px; } }
@media (max-width: 620px) { .logo { width: 250px; margin-top: -50px; } }
@media (max-width: 400px) { .logo { width: 150px; margin-top: -40px; } }



/* ISOTOPE
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .grid-item { width: 25%; }
.grid-item--width2 { width: 50%; } */
.element-item { height: 230px; }
.card-isotop { width: 360px; margin: 5px; }

@media (max-width: 767px) {
	.element-item { height: 430px; }
}


/* OTHER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.view-title { margin-bottom: 0; font-size: 10px; }
.view-info  { margin-top: 0; font-size: 18px; }