@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: 'AvenirLTStd-Book';
  src: url('./../fonts/AvenirLTStd-Book.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-HeavyOblique';
  src: url('./../fonts/AvenirLTStd-HeavyOblique.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-HeavyOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-LightOblique';
  src: url('./../fonts/AvenirLTStd-LightOblique.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-LightOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-MediumOblique';
  src: url('./../fonts/AvenirLTStd-MediumOblique.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-MediumOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-Black';
  src: url('./../fonts/AvenirLTStd-Black.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-Black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-Oblique';
  src: url('./../fonts/AvenirLTStd-Oblique.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-Oblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url('./../fonts/AvenirLTStd-Medium.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-Heavy';
  src: url('./../fonts/AvenirLTStd-Heavy.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-Heavy.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir-Book';
  src: url('./../fonts/Avenir-Book.woff2') format('woff2'),
      url('./../fonts/Avenir-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-Light';
  src: url('./../fonts/AvenirLTStd-Light.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-BookOblique';
  src: url('./../fonts/AvenirLTStd-BookOblique.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-BookOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir-Heavy';
  src: url('./../fonts/Avenir-Heavy.woff2') format('woff2'),
      url('./../fonts/Avenir-Heavy.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-BlackOblique';
  src: url('./../fonts/AvenirLTStd-BlackOblique.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-BlackOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirLTStd-Roman';
  src: url('./../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
      url('./../fonts/AvenirLTStd-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir-Medium';
  src: url('./../fonts/Avenir-Medium.woff2') format('woff2'),
      url('./../fonts/Avenir-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-avenir-book {
  font-family: 'AvenirLTStd-Book', sans-serif;
}

.font-avenir-heavy-oblique {
  font-family: 'AvenirLTStd-HeavyOblique', sans-serif;
}

.font-avenir-light-oblique {
  font-family: 'AvenirLTStd-LightOblique', sans-serif;
}

.font-avenir-medium-oblique {
  font-family: 'AvenirLTStd-MediumOblique', sans-serif;
}

.font-avenir-black {
  font-family: 'AvenirLTStd-Black', sans-serif;
}

.font-avenir-oblique {
  font-family: 'AvenirLTStd-Oblique', sans-serif;
}

.font-avenir-medium {
  font-family: 'AvenirLTStd-Medium', sans-serif;
}

.font-avenir-heavy {
  font-family: 'AvenirLTStd-Heavy', sans-serif;
}

.font-avenir-book-oblique {
  font-family: 'AvenirLTStd-BookOblique', sans-serif;
}

.font-avenir-light {
  font-family: 'AvenirLTStd-Light', sans-serif;
}

.font-avenir-black-oblique {
  font-family: 'AvenirLTStd-BlackOblique', sans-serif;
}

.font-avenir-roman {
  font-family: 'AvenirLTStd-Roman', sans-serif;
}

.font-avenir-medium-alt {
  font-family: 'Avenir-Medium', sans-serif;
}

.font-avenir-book-alt {
  font-family: 'Avenir-Book', sans-serif;
}

.font-avenir-heavy-alt {
  font-family: 'Avenir-Heavy', sans-serif;
}



#home{
min-height: 500px !important;
height: 60vh !important;
}

.h-100{
  height: 100%;
}

/* 
h2{
  font-size: 1.8rem !important;
} */

nav a {
  font-size: 0.6rem;
}

.img-video{
  width: 40%;
}



p.tracking-default.font-avenir-roman {
  font-size: 12px;
  letter-spacing: 0.2rem;
}

button#toggle {
  position: fixed;
  right: 7%;
  top: 1.9%;

  z-index: 99;
}

svg.h-6.w-6 {
  color: #656565;
}

/* section#empreendimentos {
  z-index: -1 !important;
} */


@media (max-width: 800px){

.container{
  width: 90%;
} 

button.z-10.mt-8.lg\:mt-14.uppercase.w-3\/4.bg-black.text-white.py-2.tracking-default.text-sm.font-avenir-heavy , button.uppercase.w-full.bg-white.text-black.py-2.tracking-default.text-sm.md\:text-base.font-avenir-heavy, button.uppercase.w-full.bg-black.text-white.py-2.tracking-default.text-sm.font-avenir-heavy.envia,button.uppercase.w-full.bg-black.text-white.py-2.tracking-default.text-sm.mt-10.font-avenir-heavy.enviabook2,button.uppercase.w-full.bg-black.text-white.py-2.tracking-default.text-sm.mt-10.font-avenir-heavy.enviabook{
  letter-spacing: 3px;
}


iframe{
  width: 100%;
  height: 200px !important;
}


}

img{
  max-width: 100%;
}

iframe{
  width: 100%;
  height: 400px;
}


#flexon{
  background-image: url('../images/bg-flexon.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
font-size: 0.8rem;
}

.img-fluid{
  max-width: 100%;
}

.felxon{

  max-width: 100%;
  width: 130px;
  margin-right: 3rem;

}

@media (max-width: 800px){
  .felxon{
    margin-right: 0px;
  }
  .logo {
      max-width: 50%;
  }
}