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

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

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

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

@font-face {
  font-family: "Open Sans";
  src: url(font/Open-Sans/OpenSans-VariableFont_wght.ttf);
}

@font-face {
  font-family: "Open Sans Light";
  src: url(font/Open-Sans/OpenSans-Light.ttf);
}

@font-face {
  font-family: "Open Sans Regular";
  src: url(font/Open-Sans/OpenSans-Regular.ttf);
}

@font-face {
  font-family: "Open Sans Medium";
  src: url(font/Open-Sans/OpenSans-Medium.ttf);
}

@font-face {
  font-family: "Open Sans SemiBold";
  src: url(font/Open-Sans/OpenSans-SemiBold.ttf);
}

body {
  font-family: "Poppins-Regular" !important;
  color: #515151;
  font-style: normal;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
}

h1.home-page {
  color: #515151 !important;
  font-family: "Poppins-Regular" !important;
  font-size: 3rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 110% !important;

}

h1 {
  color: #515151 !important;
  font-family: "Poppins-Regular" !important;
  font-size: 2.75rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 110% !important;

}

h2 {
  color: #515151 !important;
  font-family: "Poppins-Medium" !important;
  font-size: 2.25rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 135% !important;
}

h3 {
  color: #515151 !important;
  font-family: "Poppins-Medium" !important;
  font-size: 1.75rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 150% !important;
}

h4 {
  color: #515151 !important;
  font-family: "Poppins-SemiBold" !important;
  font-size: 1.25rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 150% !important;
}

h5 {
  color: #515151 !important;
  font-family: "Poppins-Regular" !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 180% !important;
}

p {
  color: #515151 !important;
  font-family: "Poppins-Light" !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 150% !important;
}

p.subtitle {
  color: #515151 !important;
  font-family: "Poppins-Regular" !important;
  font-size: .75rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.sf-poppins {
  font-family: "Poppins-Regular" !important;
}

.sf-open-sans-1 {
  font-family: "Open Sans Light", sans-serif !important;
}

.sf-open-sans-2 {
  font-family: "Open Sans Regular", sans-serif !important;
}

.sf-open-sans-3 {
  font-family: "Open Sans Medium", sans-serif !important;
}

.sf-open-sans-4 {
  font-family: "Open Sans SemiBold", sans-serif !important;
}

.sf-orange {
  color: #EF8700;
}

.tile-post {
  font-size: 24px !important;
}

.categoryAndDate p {
  color: white !important;
}

.error-404 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-404 h1 {
  font-size: 5rem !important;
}

.btn-onError-homePage {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: max-content;
  padding: 15px 35px;
  border-radius: 100px;
  color: #EF8700 !important;
  border: 1px solid #EF8700;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.btn-onError-homePage:hover {
  color: white !important;
  background-color: #EF8700;
}

.error-404 .imgCont img {
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  body {
    font-size: 1rem !important;
  }

  h1.home-page {
    font-size: 5rem !important;
  }

  h1 {
    font-size: 3.75rem !important;
  }

  h2 {
    font-size: 3rem !important;
  }

  h3 {
    font-size: 2.25rem !important;
  }

  h4 {
    font-size: 1.75rem !important;
  }

  h5 {
    font-size: 1.25rem !important;
  }

  p.subtitle {
    font-size: .875rem !important;
  }
}

@media only screen and (max-width: 991px) {
  .error-404 {
    height: auto;
  }

  .error-404 h1 {
    font-size: 3rem !important;
  }

  .btn-onError-homePage {
    width: auto;
  }

  .error-404 .imgCont {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .error-404 .imgCont img {
    width: 70%;
  }

  .pc {
    display: none !important;
  }

  .tel {
    display: flex !important;
  }
}

.pc {
  display: flex !important;
}

.tel {
  display: none;
}

.casting-banner {
  width: 100%;
}

.casting-banner img {
  width: 100%;
}