@font-face {
   font-family: aeonikMedium;
   src: url(AeonikPro-Medium.otf);
}

html, body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
  padding-top: 78px;
  font-family: Inter,sans-serif;
}

.navbar {
	box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}


.feature-1 {
	height: 863px;
	background-image: url(../images/feature-1-desktop.png);
    background-size: cover;
}
.feature-2 {
	height: 863px;
	background-image: url(../images/feature-2-desktop.png);
    background-size: cover;
}

img {
	max-width: 100%;
}


h1, h2, h3, h4, h5 {
	font-family: aeonikMedium,sans-serif;
}

h1 {
	font-weight: 500;
    font-size: 48px;
    line-height: 55px;
    letter-spacing: .25px;
}

h3 {
	font-size: 34px;
    line-height: 42px;
}

p {
	font-size: 18px;
    line-height: 28px;
}

.footer-copyright {
	color: #cfd1e2;
    font-size: 14px;
}


/*mobile view*/
@media (max-width: 767px) {
  h1 {
    font-size: 28px;
	line-height: 36px;
  }
  p {
	 font-size: 14px;
     line-height: 20px;
  }
  
  .container {
	  --bs-gutter-x: 2.5rem;
  }
  

  .footer-copyright, .footer-copyright .navbar-nav .nav-item a {
		color: #000;
	}
	
	.feature-1 {
		background: none;
		height: auto;
	}
	.feature-2 {
		display: none;
	}
}