/*
Theme Name: Monofase
Description: Monofase Agency.
Version: 1.0
Author: Monofase
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

body {
  background-color: #101617;
  font-family: Zodiak;
  overflow-x: hidden;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}

/* ----------home hero section start---------- */

.home-all-content {
  display: flex;
  flex-direction: column;
  gap: 200px;
}

.top-section {
  height: 650px;
}

.hero-img {
  width: 100%;
}

/* ----------home hero section end---------- */

/* ----------home body section start---------- */
.entry-text {
  font-size: 75px;
}

.servizio-button {
  font-size: 22px;
}

.servizio-button:hover {
  background-color: #ffffff;
  color: black !important;
}
/* ----------home body section end---------- */

.home-card {
  width: 45%;
}

/* ----------footer style start---------- */
.footer-btn {
  width: fit-content;
}

/* ----------footer style end---------- */

@media only screen and (min-width: 576px) {
  .home-hero-section {
    align-items: center;
  }
}

@media only screen and (max-width: 1200px) {
  .top-section {
    height: 600px;
  }

  .entry-text {
    font-size: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .home-card {
    width: 100%;
  }
  .hero-img {
    width: 75%;
  }
}

@media only screen and (max-width: 576px) {
  .top-section {
    height: 550px;
  }
  .entry-text {
    font-size: 50px;
  }

  .servizio-button {
    font-size: 16px;
  }
}