body {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}

@media (max-width: 991.98px) {
body {
    font-size: 14px;
}}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Ruslan Display", serif;
    font-weight: 400;
    font-style: normal;
}

.home-nav {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
}
.navbar {
    transition: background-color 0.3s ease;
    background-color: rgba(0,0,0,.3);
    padding: 1em;
}

@media (max-width: 991.98px) {
.navbar {
    padding: .5em;
}}

.navbar-brand img {
	height:  60px;
    transition: height 0.3s ease;
}

@media (max-width: 991.98px) {
.navbar-brand img {
	height:  40px;
}}

.navbar .nav-link {
    font-size: 24px;
    transition: font-size 0.3s ease;
}
.navbar.scrolled {
    background-color: #000000;
    padding: .5em;
}
.navbar.scrolled .nav-link {
    font-size: 20px;
}


.navbar .dropdown-item {
    font-size: 20px;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #000000 !important;
}

.navbar.scrolled .navbar-brand img {
	height:  40px
}

.page .navbar {
  background-color: rgba(0,0,0,.8);
}

.ruslan-display-regular {
    font-family: "Ruslan Display", serif;
    font-weight: 400;
    font-style: normal;
}


#carouselHome{
  width: 100%;
  overflow: hidden;
}

#carouselHome .carousel-inner {
    background: #000;
}
#carouselHome .carousel-item img {
    width: 100%;
    opacity: .5;
}



#carouselHome .pagetitle {
    position: absolute;
    top: 30%;
    width: 100%;
}

@media (max-width: 991.98px) {
#carouselHome .pagetitle {
    top: 35%;
	left: 15%;
}
}

#carouselHome .pagetitle h1 {
    color: #fff;
    font-size: 3.5rem;
    width: 50%;
}

#carouselHome .pagetitle h1::first-letter {
  font-size: 5rem; 
}


@media (max-width: 991.98px) {
 #carouselHome .pagetitle h1 {
   font-size: 1.25rem;
}
	
#carouselHome .pagetitle h1::first-letter {
  font-size: 1.75rem; 
}
	
}

.gallery img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    height: auto;
}