@import url(/Style/nav.css);
@import url(/Style/index.css);
@import url(/Style/footer.css);
@import url(/Style/planos.css);
@import url(/Style/bonus.css);
@import url(/Style/materiais-gratuitos.css);
@import url(/Style/contato.css);
@import url(/Style/about.css);

:root {
  font-size: 62.5%;
  --bg-color: #050740;
  --text-color: #fff;

  /*Cores que forman o Dourado*/
  --color-one: #D9AF49;
  --color-two: #ECCA68;
  --color-three: #C69329;

  /*Fonts*/
  --default-font: font-family: "Open Sans";
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}

body {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;

  width: 100vw;
  height: auto;

  background-color: var(--bg-color);
  color: var(--text-color);

  position: relative;
}

.wrapper {
  
  display: flex;
  
  margin: 0 0 2rem 0;
  height: 5rem;
  position: relative;
  
    & .menu {
      z-index: 1;
    }

    & .logo {
      height: 5rem;
      width: 100%;
      margin-top: .5rem;
  
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 0;
    & img {
      height: 5rem;
      }
    }
}

@media screen and (min-width: 1400px) {

  .wrapper {
    display: inline;
    margin: 10rem;
    position: sticky;



    & .logo {
      top: 1rem;
      left: 3rem;
    }
  }
}