@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

* {margin:0; padding: 0;}

html {
  height:100%;
  overflow:hidden;
}

body {
    color: #fff;
    margin: 0;
    padding: 0;
    perspective: 1px;
    transform-style: preserve-3d;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
	background: #000;
    text-align: center;
	font-family: 'Roboto', sans-serif;
	background-image:url(../img/bg-cover.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.burnout{
	width:100%;
	height:600px;
	background-image:url("../img/burnout/1.png");
	background-repeat:no-repeat;
	background-position:top center;
	bottom:0;
	position:absolute;
}

.burnoutname {
	width: 100%;
	height: auto;
	position:absolute;
	top:50%;
	display: block;
	box-sizing: border-box;
	z-index:10;
	padding-top:50px;
}

.intro {
    box-sizing: border-box;
    min-height: 100vh;
    padding: 30vw 0 5vw;
    position: relative;
    transform-style: inherit;
    width: 100vw;
	background-color:#fe0000;
}

.info p{
	font-family: 'Roboto', sans-serif;
	font-size:medium !important;
	font-weight:normal !important;
	text-align:left;
}

.intro h1 {
    margin-top: -100px;
}

.intro p {
    margin-top: 160px;
}

.intro, .intro:before {
    background: 50% 50% / cover;
}

.intro:before {
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    display: block;
    background-image: url(../img/burnout/2.jpg); /* img/overdaves.jpg */
	background-position:center; /* right */
    background-size: cover;
    transform-origin: center center 0;
    transform:  translateZ(-1px) scale(2);
    z-index: -1;
    height: 100vh !important;
}

.dave {
    box-sizing: border-box;
    min-height: 100vw;
	/*min-height: 100vh;*/
    position: relative;
    transform-style: inherit;
    width: 100vw;
}

.dave, .dave:before {
    background: 50% 50% / cover;
}

.dave:before {
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    display: block;
    background-image: url(../img/overdaves-live.jpg);
	background-position:right;
    background-size: cover;
    transform-origin: center center 0;
    transform:  translateZ(-1px) scale(2);
    z-index: -1;
    height: 100vh !important;
}

.footer {
    box-sizing: border-box;
    min-height: 100vw;
	/*min-height: 100vh;*/
    padding: 30vw 0 5vw;
    position: relative;
    transform-style: inherit;
    width: 100vw;
	clear:both;
}

.footer h2 {
	text-transform:uppercase;
    margin-top: 300px;
}

.footer p {
    margin-top: 160px;
}
.footer, .footer:before {
    background: 50% 50% / cover;
}

.footer:before {
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    /* top: 0; */
    display: block;
    background-image: url(../img/um_passo_a_frente-cover.jpg);
	background-position:center;
    background-size: cover;
    transform-origin: center center 0;
    transform:  translateZ(-1px) scale(2);
    z-index: -1;
    height: 100vh !important;
}

.content {
  margin:auto;
  width:100%;
  height:auto;
  position: relative;
  z-index: 1;
  background-repeat:repeat;
  background-position:center;
  padding:0px;
  margin-top:0vh;
  margin-bottom:-40vh;
  text-align:left;
  box-sizing: border-box;
  display:block;
	 -webkit-transition: all 0.1s linear;
	 -moz-transition: all 0.1s linear;
	 -ms-transition: all 0.1s linear;
	 transition: all 0.1s linear;
}

.content2 {
  margin:auto;
  width:100%;
  height:auto;
  position: relative;
  z-index: 1;
  color:#333 !important;
  background-repeat:repeat;
  background-position:center;
  padding:50px 0;
  margin-top:-40vh;
  margin-bottom:-40vh;
  text-align:left;
  box-sizing: border-box;
  display:block;
}

.content3 {
  margin:auto;
  width:100%;
  height:auto;
  position: relative;
  z-index: 1;
  background-repeat:repeat;
  background-position:center;
  padding:50px 0;
  margin-top:-40vh;
  margin-bottom:-40vh;
  text-align:left;
  box-sizing: border-box;
  display:block;
}

.content .containerout{background-image:url(../img/bg-black.jpg);}
.content2 .containerout{background-image:url(../img/bg-white.jpg);}
.content3 .containerout{background-image:url(../img/bg-black.jpg);}

.containerout {
	width: 100%;
	height: auto;
	margin:0px;
	padding: 60px 0px 60px 0px;
	background-repeat:repeat;
	background-position:center;
	overflow: hidden;
	display: block;
	float:left;
}

.arrow {
	width: 100%;
	height: auto;
	position:absolute;
	top:50%;
	display: block;
	box-sizing: border-box;
}

.arrowup {
	width: 100%;
	height: auto;
	position:absolute;
	bottom:30px;
	display: block;
	box-sizing: border-box;
}

.container {
	max-width: 800px;
	width: 100%;
	padding: 30px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	display: block;
	box-sizing: border-box;
}

h1{font-family: 'Josefin Sans', sans-serif; font-size:50px; text-transform:uppercase; margin-bottom:20px;}
h2{font-family: 'Roboto', sans-serif; font-size:x-large; margin-bottom:20px;}
p{font-family: 'Roboto', sans-serif; font-size:large; margin-bottom:20px;}

a:link {text-decoration: none; color: #FFF;}
a:visited {text-decoration: none; color: #FFF;}
a:hover { text-decoration: underline; color: #FFF;}
a:active{text-decoration: none; color: #FFF;}

a.horizontal:link { background-color:#000; color:#FFF; cursor:pointer; }
a.horizontal:visited { background-color:#000; color:#FFF; cursor:pointer; }
a.horizontal:hover { background-color:#FFF; color:#000; cursor:pointer; }
a.horizontal:active { background-color:#000; color:#FFF; cursor:pointer; }

a.horizontalesq:link { background-color:transparent; cursor:pointer; }
a.horizontalesq:visited { background-color:#transparent; cursor:pointer; }
a.horizontalesq:hover { background-color:#FFF; cursor:pointer; }
a.horizontalesq:active { background-color:#transparent; cursor:pointer; }

::-moz-selection { /* Code for Firefox */
  color: #FFF;
  background: #333;
}

::selection {
  color: #FFF;
  background: #333;
}

.content-text {
	width: 100%;
	float:left;
	height:auto;
	min-height:auto;
	display:block;
	overflow:auto;
	 -webkit-transition: all 0.1s linear;
	 -moz-transition: all 0.1s linear;
	 -ms-transition: all 0.1s linear;
	 transition: all 0.1s linear;
}

.content-text2 {
	width: 100%;
	float:right;
	height:auto;
	min-height:auto;
	color:#333;
	display:block;
	overflow:auto;
	 -webkit-transition: all 0.1s linear;
	 -moz-transition: all 0.1s linear;
	 -ms-transition: all 0.1s linear;
	 transition: all 0.1s linear;
}

.content-text2 h2 {
	color:#333 !important;
}
.content-text2 p {
	color:#333 !important;
}

.div-redes {
	width:50px;
	height:50px;
	margin:0px;
	float:left;
	padding:10px;
	display:block;
	border: none;
}

.horizontalesq {
	width:96%;
	height:auto;
	margin:auto;
	float:left;
	display:block;
	background-color:#FFF;
	border-radius: 0px 100px 100px 100px;
	 -webkit-transition: all 0.1s linear;
	 -moz-transition: all 0.1s linear;
	 -ms-transition: all 0.1s linear;
	 transition: all 0.1s linear;
}

.esquerda {
	width:40%;
	margin-right:5%;
	margin-bottom:14px;
	height:auto;
	min-height:auto;
	display:block;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#FFF;
	text-transform:uppercase;
	transform:none;
	 -webkit-transition: all 0.1s linear;
	 -moz-transition: all 0.1s linear;
	 -ms-transition: all 0.1s linear;
	 transition: all 0.1s linear;
}

.direita {
	width:40%;
	margin-left:5%;
	margin-bottom:14px;
	height:auto;
	min-height:auto;
	display:block;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#FFF;
	text-transform:uppercase;
	transform:none;
	 -webkit-transition: all 0.1s linear;
	 -moz-transition: all 0.1s linear;
	 -ms-transition: all 0.1s linear;
	 transition: all 0.1s linear;
}

.capa {
	width:100%;
	height:auto;
	margin:auto;
	float:left;
	display:block;
}

.horizontalnobg {
	width:100%;
	height:auto;
	margin:auto;
	margin-bottom:5px;
	float:left;
	display:block;
	background-color:transparent;
}

.horizontal {
	width:96%;
	height:auto;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2%;
	padding-right:2%;
	float:left;
	display:block;
	overflow:hidden;
	background-color:#000;
	 -webkit-transition: all 0.1s linear;
	 -moz-transition: all 0.1s linear;
	 -ms-transition: all 0.1s linear;
	 transition: all 0.1s linear;
}

.div-esq {
	width:20%;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	margin:0px;
	float:left;
	padding-right:5%;
	display:block;
}

.plataforma {
	width:auto;
	height:100%;
	margin:auto;
	float:left;
	display:block;
}

.div-dir {
	width:70%;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	margin:0px;
	float:left;
	padding-left:5%;
	display:block;
}

.content-title-center {
	width: 100%;
	height:auto;
	float:left;
	margin-top:2%;
	text-align:center;
	color:#FFF;
}

.top{
	width:90%;
	height:39px;
	position:absolute;
	top:0;
	margin-top:20px;
	margin-left:5%;
	margin-right:5%;
}

.logo{
	width:auto;
	height:100%;
	float:left;
}

.socialmedia{
	width:200px;
	height:auto;
	float:right;
}

.socialmediainner{width:14%; height:auto; margin-left:9%; padding:0px; display:inline-block; box-sizing: border-box; float:right;}
.socialmediainner svg{width:100%; height:auto; margin:0px; padding:0px; display:inline-block; box-sizing: border-box;}

.logos {
	width: 16.6%;
	height:auto;
	float:left;
}

.line{
	width:100%;
	height:auto;
	float:left;
	box-sizing:border-box;
}

.icon-plataform {
	width:10%;
	height:auto;
	margin-top:10px;
	margin-left:5%;
	margin-right:5%;
	float:left;
	display:block;
	box-sizing:border-box;
}

.icon-inner {
	width:100%;
	height:auto;
	float:left;
	display:block;
	box-sizing:border-box;
}

@media (max-width: 936px) {

.logo{
	width:36% !important;
	height:auto !important;
}

.socialmedia {
	width: 36% !important;
	height: 39px;
}

.content {
  margin-top:0vh;
}

}

@media (max-width: 639px) {

h1 { font-size: 30px !important; }

.burnoutname {
	width: 0%;
	display: none;
}

.esquerda {
	width:100%;
	margin-right:0%;
	margin-bottom:36px;
}

.direita {
	width:100%;
	margin-left:0%;
	margin-bottom:36px;
}

}