/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/error-404/error-404.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.error-404 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 140px; }
  @media screen and (min-width: 576px) {
    .error-404 {
      max-width: 630px; } }
  @media screen and (min-width: 768px) {
    .error-404 {
      max-width: 720px; } }
  @media screen and (min-width: 992px) {
    .error-404 {
      max-width: 960px; } }
  @media screen and (min-width: 1200px) {
    .error-404 {
      max-width: 1693px; } }
  @media screen and (min-width: 1920px) {
    .error-404 {
      max-width: 88.17708vw; } }
  @media screen and (min-width: 1921px) {
    .error-404 {
      margin-bottom: 7.291666666666667vw;
      padding-right: 0.78125vw;
      padding-left: 0.78125vw; } }
  .error-404__container {
    display: flex;
    justify-content: center;
    margin-top: 185px; }
    @media screen and (min-width: 1921px) {
      .error-404__container {
        margin-top: 9.635416666666667vw; } }
    @media screen and (max-width: 640px) {
      .error-404__container {
        flex-direction: column;
        margin-top: 90px; } }
  .error-404__content h3 {
    margin-bottom: 40px;
    max-width: 671px;
    font-size: 64px; }
    @media screen and (min-width: 1921px) {
      .error-404__content h3 {
        font-size: 3.33333333333vw;
        max-width: 34.94791666666667vw;
        margin-bottom: 2.083333333333333vw; } }
    @media screen and (max-width: 1400px) {
      .error-404__content h3 {
        font-size: 40px; } }
    @media screen and (max-width: 991px) {
      .error-404__content h3 {
        font-size: 29px; } }
  .error-404__content:first-child {
    margin-right: 150px; }
    @media screen and (min-width: 1921px) {
      .error-404__content:first-child img {
        width: 34.27083333333333vw; } }
    @media screen and (min-width: 1921px) {
      .error-404__content:first-child {
        margin-right: 7.8125vw; } }
    @media screen and (max-width: 991px) {
      .error-404__content:first-child {
        margin-right: 50px; } }
    @media screen and (max-width: 640px) {
      .error-404__content:first-child {
        margin-right: 0; } }
  @media screen and (max-width: 640px) {
    .error-404__content img {
      max-width: 60%;
      margin: 0 auto; } }