@charset "UTF-8";
/* CSS Document */
html {
    scroll-behavior: smooth;
}
body {
    font-family: "Mon-med";
    line-height: 1.4; /* Improve readability */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
	color: #222222;
	font-size: 1.2rem;
	background-color: #fbf9f5!important;
}
@media (max-width: 768px) {
    body {
        font-size: 1rem;
    }
}
.no-select {
      -webkit-user-select: none;  /* Chrome, Safari */
      -moz-user-select: none;     /* Firefox */
      -ms-user-select: none;      /* IE10+/Edge */
      user-select: none;          /* Standard */
    }

    img {
      pointer-events: none;       /* Disable drag/save image */
    }
@font-face {
    font-family: 'Anton'; /* Name of the font */
    src: url('../fonts/Anton-Regular.ttf') format('truetype'); /* Fallback */
    font-weight: normal; /* Normal weight */
    font-style: normal; /* Normal style */
}

@font-face {
    font-family: 'Mon-med'; /* Name of the font */
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'), /* Modern browsers */
         url('../fonts/Montserrat-Medium.woff') format('woff'); /* Fallback */
    font-weight: normal; /* Normal weight */
    font-style: normal; /* Normal style */
}
@font-face {
    font-family: 'Mon-bold'; /* Name of the font */
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'), /* Modern browsers */
         url('../fonts/Montserrat-Bold.woff') format('woff'); /* Fallback */
    font-weight: normal; /* Normal weight */
    font-style: normal; /* Normal style */
}

strong { font-family: 'Mon-bold'; }
.bold-text {font-family: 'Mon-bold';}
.small { font-size: 90%; }
.smaller { font-size: 80%; }
.smallest { font-size: 70%; line-height: 1.5; }
.big { font-size: 120%; }
.bigger { font-size: 140%; }
.white { color: #f6f6f6;}
.black { color: #333;}
.grey { color: #999;}
.blue { color: #272c49; }
.red {color: #990000; }
.bgred {background-color: #990000; padding: 5px 0 5px 0; }
.green { color: #1fadb1; }
.orange { color: #ff6b35;}
.cyan { color: #1fadb1;}
hr.custom-line {
  height: 2px;
  background-color: #1fadb1;
  border: none;
  width: 100%;         /* Optional: only half the width */
  margin: 1rem auto;  /* Centered */
}
hr.black {
  border: none;
  border-top: 1px solid black;
  margin: 20px 0; /* optional spacing */
}
/* Style for h1 */
h1 {
	font-family: 'Anton'; 
    font-size: clamp(2.5rem, 5vw, 4.5rem);
	color: #1fadb1;
    margin-bottom: 10px; 
	text-transform: uppercase;
}
h2 {
	font-family: 'Anton'; 
    font-size: clamp(2rem, 5vw, 4rem)!important;
	color: #1fadb1!important;
    margin-bottom: 10px; 
	text-transform: uppercase;
}
h2.desc {
    font-size: clamp(2rem, 5vw, 3rem);
}
h3 {
	font-family: 'Anton'; 
    font-size: clamp(1.5rem, 5vw, 1.8rem);
	color: #1fadb1;
    margin-bottom: 10px; 
	text-transform: uppercase;
}

/* Normal link color */
.black-link {
    color: #333333; /* Change this to your desired color */
    text-decoration: none; /* Remove underline */
}

/* Hover state */
.black-link:hover {
    color: #111111; /* Change this to your desired hover color */
    text-decoration: underline; /* Optional: add underline on hover */
}

/* Visited link color */
.black-link:visited {
    color: #333333; /* Change this to your desired visited link color */
}

/* Active link color */
.black-link:active {
    color: #333333; /* Change this to your desired active link color */
}