@charset "UTF-8";
/* General For All

font-family: 'Oswald', sans-serif;


font-family: variex, sans-serif;

font-weight: 400;

font-style: normal;



font-family: variex, sans-serif;

font-weight: 700;

font-style: normal;
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
body {
  margin: auto; }

* {
  box-sizing: border-box; }

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  color: #3A3063; }

body,
html {
  height: 100%; }

/* Header */
nav {
  position: fixed;
  z-index: 1000; }

header {
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; }

header .lx-container-80 {
  height: 100%;
  min-width: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center; }

header .lx-container-80 .switch-theme,
header .lx-container-80 .burger-menu,
header .lx-container-80 .compes {
  height: calc(60px - 6px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

header .lx-container-80 .switch-theme .icon,
header .lx-container-80 .burger-menu .icon,
header .lx-container-80 .compes .icon {
  width: 25px;
  height: 25px;
  transition: 0.3s; }

header .lx-container-80 .switch-theme:hover .icon,
header .lx-container-80 .burger-menu:hover .icon,
header .lx-container-80 .compes:hover .icon {
  transform: scale(1.1); }

header .lx-container-80 .switch-theme .icon {
  border-radius: 100%; }

header .lx-container-80 .logo {
  display: none;
  width: 100px;
  height: 25px;
  background-color: #37352f; }

/* Sections width */
[data-title="explore"] {
  background: #faebdd;
  width: 1700px; }

[data-title="reabasteca"] {
  background: #ddedea;
  width: 1700px; }

[data-title="projeto"] {
  background: #eae4f2;
  width: 1700px; }

[data-title="equipe"] {
  background: #f8e4e4;
  width: 1700px; }

[data-title="contato"] {
  background: #e9e5e3;
  width: 1700px; }

/* Body */
main .outer-wrapper {
  width: 100vh;
  height: 100vw;
  transform: rotate(-90deg) translateX(-100vh);
  transform-origin: top left;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute; }

main .outer-wrapper .wrapper {
  display: flex;
  flex-direction: row;
  width: 8500px;
  transform: rotate(90deg) translateY(-100vh);
  transform-origin: top left; }

main .outer-wrapper .wrapper section {
  min-height: 100vh; }

/* section 1 */
.flex1 {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between; }

.issue {
  width: 100px;
  height: 500px;
  position: fixed;
  display: block;
  z-index: -1; }

.bgpicture {
  width: 100%;
  height: 1000px;
  background-image: url(images/duotonepic.png);
  background-repeat: no-repeat;
  float: right; }

.text {
  width: 100%;
  padding-top: 200px;
  padding-left: 100px;
  padding-right: 100px;
  box-sizing: border-box; }

h1 {
  font-family: 'Oswald', sans-serif;
  color: #3A3063; }

#line {
  width: 70px;
  border-bottom: 3px;
  border-style: solid;
  border-top-color: #D4DCED; }

i {
  font-family: 'Roboto', serif;
  font-weight: 500; }

/* Section 2 */
h2 {
  font-family: variex, sans-serif;
  font-size: 2em; }

.flextext h2 {
  width: 700px; }

#toptext {
  padding-right: 60px;
  padding-left: 200px;
  box-sizing: border-box; }

.flextext {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: right;
  padding-left: 400px;
  padding-top: 200px;
  box-sizing: border-box; }

.group {
  text-align: left; }

.group > .f {
  vertical-align: baseline;
  display: inline-block; }

p #toptext {
  font-weight: 100; }

h3 {
  color: #78E1F2;
  font-size: 3em; }

b {
  color: #BCC8E6;
  font-family: 'Roboto Slab', serif; }

.style {
  font-family: 'Roboto Slab', serif;
  font-weight: 500;
  font-size: .75em; }

.flexrow {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around; }

#featurebottom {
  float: right;
  padding-right: 15px;
  box-sizing: border-box; }

.circle {
  background-image: url(images/wheel.gif);
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain; }

/* Section 3 */
h5 {
  font-family: 'Roboto', serif;
  font-weight: 500;
  font-size: 2.5em;
  color: #BCC8E6;
  text-align: right; }

.flexcircles1 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.flexcircles2 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

/* Section 4 */
.parallax {
  width: 100%;
  height: 1000px;
  background-image: url(images/filler.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

/* parallax
.parallax {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  height: 80vh;
}

.parallax::after {
  content: "";

  position: fixed;
  z-index: -999;

  width: 100%;
  height: 100%;

  background-image: url(images/filler.jpg);
  background-repeat: no-repeat;
  background-size: 100vw 100vh;
}

.content {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100vh;

  background: #fff;
}
*/
/* Section 5 */
.flexcontainer {
  width: 60%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 100px;
  box-sizing: border-box; }

h6 {
  font-family: 'Oswald', sans-serif;
  font-size: 3em; }

.para1 {
  font-family: 'Oswald', sans-serif;
  font-size: 1.5em;
  color: #D4DCED; }

.flexpara {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-left: 250px;
  box-sizing: border-box; }

.sidepic {
  width: 100%;
  height: 1000px;
  background-image: url(images/filler2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px -320px; }

/*Footer*/
.footerall {
  width: 70%;
  padding-left: 100px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }

.credits1 {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: space-between; }

.creditsall {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.c1 {
  font-family: 'Oswald', sans-serif;
  font-size: 1em;
  margin-top: 200px; }

.insta svg {
  width: 50px;
  height: 50px; }

.fb svg {
  width: 50px;
  height: 50px; }

.twitter svg {
  width: 50px;
  height: 50px; }

.social {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  box-sizing: border-box;
  margin-top: 200px; }

.insta:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.5;
  transition-timing-function: ease-in; }

.fb:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.5;
  transition-timing-function: ease-in; }

.twitter:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.5;
  transition-timing-function: ease-in; }

/* Tablet */
@media screen and (min-width: 501px) and (max-width: 835px) {
  .bgpicture {
    width: 100%; }

  .text {
    width: 100%;
    padding-top: 200px;
    padding-right: 100px;
    box-sizing: border-box; }

  .circle {
    background-image: none; }

  .flextext {
    margin-top: 100px;
    flex-direction: column;
    padding-left: 0px;
    padding-top: 0px;
    text-align: center;
    box-sizing: border-box; }

  .flexrow {
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
    padding-left: 70px;
    box-sizing: border-box; }

  #toptext {
    padding-left: 150px;
    padding-right: 150px;
    box-sizing: border-box; }

  #featurebottom {
    float: none;
    padding-left: 200px;
    box-sizing: border-box; }

  h3 {
    font-size: 2em; }

  .flexcircles1 {
    flex-wrap: wrap;
    justify-content: space-around;
    box-sizing: border-box; }

  .flexcircles2 {
    flex-wrap: wrap;
    justify-content: space-around;
    box-sizing: border-box; }

  .sidepic {
    background-image: url(images/filler2tab.jpg);
    background-position: 0px -50px; }

  .para1 {
    width: 400px; }

  #magazinepic {
    display: none; }

  /*Footer*/
  .footerall {
    width: 100%; }

  .creditsall {
    width: 50%; }

  /*tablet body*/
  main .outer-wrapper .wrapper {
    display: flex;
    flex-direction: row;
    width: 4200px;
    transform: rotate(90deg) translateY(-100vh);
    transform-origin: top left; }

  /* Sections width */
  [data-title="explore"] {
    background: #faebdd;
    width: 1000px; }

  [data-title="reabasteca"] {
    background: #ddedea;
    width: 1000px; }

  [data-title="projeto"] {
    background: #eae4f2;
    width: 1000px; }

  [data-title="equipe"] {
    background: #f8e4e4;
    width: 1000px; }

  [data-title="contato"] {
    background: #e9e5e3;
    width: 1000px; } }
/* Mobile */
@media (max-width: 500px) {
  .issue {
    display: none; }

  .flex1 {
    flex-direction: column-reverse; }

  h1 {
    font-size: 2.5em;
    text-align: center; }

  p {
    text-align: center; }

  .bgpicture {
    width: 80%;
    height: 500px;
    background-size: contain;
    margin: auto; }

  #line {
    display: none; }

  header {
    height: 60px;
    width: 100%;
    padding-left: 75px;
    box-sizing: border-box; }

  #toptext {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box; }

  .flextext {
    width: 100%;
    margin-top: 100px;
    flex-direction: column;
    padding-left: 0px;
    padding-top: 0px;
    text-align: center;
    box-sizing: border-box; }

  .circle {
    background-image: none; }

  h2 {
    text-align: left;
    padding-left: 100px;
    box-sizing: border-box; }

  .flexrow {
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    padding-left: 30px;
    box-sizing: border-box; }

  h3 {
    font-size: 4em; }

  .flexcircles1 {
    flex-direction: column; }

  .flexcircles2 {
    flex-direction: column; }

  h5 {
    text-align: center; }

  #magazinepic {
    display: none; }

  .sidepic {
    background-image: none; }

  .para1 {
    width: 100%;
    text-align: center; }

  h6 {
    text-align: center; }

  .flexcontainer {
    margin: auto; }

  .footerall {
    flex-direction: column; }

  .border {
    width: 100%;
    height: 500px;
    background-color: #C4DF9B; }

  header .lx-container-80 {
    height: 90%;
    flex-flow: row nowrap;
    justify-content: space-between; }

  header .lx-container-80 .switch-theme,
  header .lx-container-80 .burger-menu {
    height: 100%;
    width: calc(60px - 6px); }

  header .lx-container-80 .compes {
    display: none; }

  header .lx-container-80 .logo {
    display: block; }

  main .outer-wrapper {
    width: 100vw;
    height: 100vh;
    transform: rotate(0deg) translateX(0vh); }

  main .outer-wrapper .wrapper {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    transform: rotate(0deg) translateY(0vh); }

  main .outer-wrapper .wrapper section {
    min-height: 100vh;
    width: 100%; } }

/*# sourceMappingURL=style.css.map */