:root {
  --bege: #f1946d;
  --branco: #f3f2ee;
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  font-display: swap;
  color: #FFF;
  overflow: hidden;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

#geral{
  background-image: url(../img/fundo.jpg);
  background-size: cover;
  width: 100vw;
  height: 100vh;

  & .container{

    & .lados{
      width: 50%;
      padding: 50px;

      &.esquerda{
        display: flex;
        align-content: flex-start;
        flex-wrap: wrap;
      }
      &.esquerda img{
        width: 100%;
        max-width: 350px;
      }

      &.direita{
        text-align: right;
        & .d-flex{
          justify-content: flex-end;
        }
        & .ico{
          width: 50px;
        }
        & img{
          height: 100%;
          margin-top: 10%;
        }
      }
    }

  }
}

@media (max-width: 1100px) {

  body {
    font-size: 14px;
    text-align: center;
    overflow: inherit;
    background-image: url(../img/fundo.jpg);
    background-size: cover;
    width: 100vw;
    height: 100vh;
  }
  #geral{
    height: fit-content;
    background: inherit !important;
    flex-wrap: wrap;

    & .container{

      flex-wrap: wrap;

      & .lados{
        width: 100%;
        padding: 50px;

        &.esquerda{
          & img{
            max-width:80%;
            margin: auto;
          }
          & .d-flex{
            justify-content:center;
          }
        }

        &.direita {
          text-align: center;
          padding-bottom: 0px;
          & .d-flex{
            justify-content: center;
          }
          & img {
              height: inherit;
              margin-top: inherit;
              width: 100%;
          }
        }
      }

    }
  }

}