@font-face {
    font-family: FancyFonty;
    src: url("font/FancyFont.ttf");
}

:root {
    --custom-color: rgba(174, 190, 148, 1);
}

#title-box {
    background-color: var(--custom-color);
    background-image: url("../../images/bg-r-1.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.btn-white {
    background-color: #ecf0e6 !important;
}

.bottom-dis h1 {
    font-size: 3rem !important;
	font-weight: 600;
	color: white!important;
	overflow-wrap: anywhere; !important;
}
.bottom-dis h2 {
    font-size: 1.5rem !important;
	font-weight: 400;
	color: white !important;
}

h1, h2, h3, h4, h5, h6, p {
    hyphens: auto;
    overflow-wrap: anywhere; !important;
}

h1 {
    font-family: FancyFonty;
	font-size: 3rem !important;
	color: #6a7853 !important;
}

h2 {
    font-family: FancyFonty;
	font-size: 1.35rem !important;
	color: #6a7853 !important;
}

h3 {
    font-family: FancyFonty;
	font-size: 1.75rem !important;
	color: black !important;
}

h5, h6, p {
    font-family: "Gotham SSm", "Helvetica", "Arial", sans-serif;
}

@media (max-width:1200px){
    .position-l-fixed {
        position: fixed;
    }
    .bottom-dis {
        text-align: center;
        padding-top: 50vh;
    }
}

@media (min-width:1200px){
    .position-xl-fixed {
        position: fixed;
    }

    .bottom-dis {
        position: fixed;
        left: 5vw;
        bottom: 15vh;
    }
}