* {
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}
@font-face {
    font-family: 'CASTELAR';
    src: url('../public/fonts/CASTELAR.TTF') format(TTF)
  }

  @font-face {
    font-family: 'Candara';
    src: url('../assets/fonts/Candara.ttf') format(TTF)
  }

  @import url('https://fonts.googleapis.com/css2?family=GFS+Neohellenic:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Elbasan&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Castoro+Titling&family=GFS+Neohellenic:ital,wght@0,400;0,700;1,400;1,700&display=swap');

  body main{
      background-color: rgb(52,89,165);
      height: 100vh;
  }

  .main_wrap, .logo_colix{
    max-width: 78%;
  }

  main .slogan{
      font-family: "Castoro Titling", serif;
      text-transform: uppercase;
      font-size: 70%;
      color: rgb(255, 255, 255);
  }
  .titulo{
    font-family: "Castoro Titling", serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  
  /*font-style: normal;*/
    font-size: 2.2rem;
    color: white; 
 }
 .titulo_grande{
    font-size: 150%;
 }
  .slogan_container{
      width: 65%;
  }

  .under_construction{
      color: whitesmoke;
      font-size: 1,5rem;
  }



  .contact{
    font-family: "Noto Sans Elbasan", sans-serif;
    font-weight: 400;
    font-style: normal;
      color: rgb(43, 43, 43);
    }
    
    .contact_title{ 
        font-size: 3rem;
        font-weight: 600;
    }
    .contact_text{
        font-size: 1,5rem;
        text-decoration: none;
        color: rgb(43, 43, 43);
    }

    .map_backgound{
        display: none;
    }

    @media (min-width: 768px){
        .titulo{
            font-size: 5.5rem;
         }
        main .slogan{
            font-size: 108%;
        }

        .contact{
            height: 100vh;
        }
        .contact_info{
            height: 100vh;
        }
        .contact_title{ 
            font-size: 3.5rem;
            font-weight: 600;
        }
        .contact_text{
            font-size: 1.7rem;
            text-decoration: none;
            color: rgb(43, 43, 43);
        }
  
        .map_backgound{
            display: inline-block;
         }
    }