/* PAGES */
@import './pages/blogPage.css';
@import './pages/blogDetailPage.css';
@import './pages/galleryPage.css';
@import './pages/standartsPage.css';
@import './pages/contactPage.css';
@import './pages/financingPage.css';
@import './pages/locationPage.css';
@import './pages/404Page.css';


/* COMPONENTS */
@import './components/header.css';
@import './components/heroSection.css';
@import './components/homeServiceSection.css';
@import './components/homeClaimSection.css';
@import './components/homeMapSection.css';
@import './components/basicClaimSection.css';
@import './components/homeImageSection.css';
@import './components/homeBlogSection.css';
@import './components/ctaSection.css';
@import './components/footer.css';
@import './components/detailHeroSection.css';
@import './components/flatsTable.css';
@import './components/contactPopup.css';
@import './components/flatHeroSection.css';
@import './components/aboutBasicText.css';
@import './components/aboutProject.css';
@import './components/aboutCtaSection.css';
@import './components/aboutImageSection.css';
@import './components/aboutProfileSection.css';
@import './components/locationsTabs.css';
@import './components/messages.css';

/* DESIGN */
@import './design/blogBox.css';
@import './design/interactiveMap.css';
@import './design/cursor.css';

/* SHARED */
@import './shared/btnStyle.css';
@import './shared/inputStyle.css';
@import './shared/textareaStyle.css';



body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

.page {
  overflow: hidden;
}

.container {
    margin: 0 auto;
    padding-left: 32px;
    padding-right: 32px;
}

@media (max-width: 768px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }    
}

.hero-section .bg-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* FONTS */



@font-face {
    font-family: 'OrkneyLight';
    src: url('../fonts/orkney-light.woff2') format('woff2');
    font-style: normal;
  }


  @font-face {
    font-family: 'OrkneyRegular';
    src: url('../fonts/orkney-regular.woff2') format('woff2');
    font-style: normal;
  }

  @font-face {
    font-family: 'OrkneyMedium';
    src: url('../fonts/orkney-medium.woff2') format('woff2');
    font-style: normal;
    font-display: swap;
    font-weight: normal;
  }

  @font-face {
    font-family: 'OrkneyBold';
    src: url('../fonts/orkney-bold.woff2') format('woff2');
    font-style: normal;
    font-display: swap;
    font-weight: normal;
  }


  @font-face {
    font-family: 'InterRegular';
    src: url('../fonts/Inter-Regular.woff2') format('woff2');
    font-style: normal;
  }

  @font-face {
    font-family: 'InterSemibold';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
    font-style: normal;
  }


  @font-face {
    font-family: 'InterMedium';
    src: url('../fonts/Inter-Medium.woff2') format('woff2');
    font-style: normal;
  }
  
  

body {
    font-family: 'InterRegular', sans-serif;
    color: #ffffff;
    font-size: 16px;
}

p {
  font-family: 'OrkneyLight';
  font-weight: 300;
}

span {
  font-family: 'InterMedium';
}

a {
  font-size: 1rem;
  font-family: 'OrkneyLight';
}

h1 {
    font-size: 2.625rem;
    font-family: 'OrkneyLight';
    color: #ffffff;
    line-height: 52px;
}


h2 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 64px;
    color: #ffffff;
    font-family: 'OrkneyLight';
}

h3 {
  font-size: 2rem;
  font-family: 'OrkneyLight';
  color: #ffffff;
  font-weight: 400;
}

h4 {
  font-family: 'OrkneyRegular';
}

@media (min-width: 1024px) {
    h1 {
        font-size: 4.25rem;
        line-height: 72px;
    }
}

@media (max-width: 1024px) {
    h1 {
        font-size: 2.5rem;
        line-height: 48px;
    }

    h2 {
        font-size: 2rem;
         line-height: 40px;
    }
}