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

body {background: url('../imagens/bgmentoria.jpg') top center no-repeat #091A16; color: #EEE; font-family: "Chakra Petch", sans-serif;}

.site-size {max-width: 950px; margin: 0 auto;}

/* GLOBAIS */

h1 {
  letter-spacing: -1px;
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
}

p {font-size: 1.3rem; margin: 0 0 1rem 0; text-align: left;}

.btn-main{
  background: rgb(251,230,133);
 background: -moz-linear-gradient(135deg, rgba(251,230,133,1) 35%, rgba(208,154,76,1) 60%);
 background: -webkit-linear-gradient(135deg, rgba(251,230,133,1) 35%, rgba(208,154,76,1) 60%);
 background: linear-gradient(135deg, rgba(251,230,133,1) 35%, rgba(208,154,76,1) 60%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbe685",endColorstr="#d09a4c",GradientType=1);
 color: #000; font-weight: 700; text-decoration: none; font-size: 1.3rem; padding: 1.2rem 2.5rem; border-radius: 0.5rem;
 display: block; margin: 1.5rem 0 0; box-shadow: 0px 0px 24px #D19A4C; transform: 0.3s;
}
.btn-main:hover {opacity: 0.9;}

.clr-drd {
  background: #916D43;
  background: linear-gradient(to right, #916D43 0%, #D8B87F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clr-wtt {
  background: #AE9679;
  background: linear-gradient(to right, #AE9679 0%, #E9DDC9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:99 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.pd-bt-3rem {padding-bottom: 4rem;}

.mgtop3 {margin-top: 3rem !important;}

.pdesq-1 {padding-left: 1rem;}
.pddir-1 {padding-right: 1rem;}

/* SITE */

.sec-2 {padding: 3rem 0 5rem 0; text-align: center;}
.sec-2 img {width: 230px;}
.sec-2 h1 {margin: 2rem 0 2rem 0; font-weight: normal; font-size: 2.3rem;}
.sec-2 h1 span {color: #8BC4F5; font-weight: 700;}
.sec-2 h2 {margin: 2.5rem 0 1.2rem 0; font-size: 1.6rem; color: #C9EDE4;}
.sec-2 .p-dir {font-size:1rem; margin: 2.5rem 0 0 0;}

.foot-site p {text-align: center;}



@media (pointer: coarse) {

  html, body {
    overflow-x: hidden;
  }

  body {text-align: center;}

  h1 {font-size: 1.4rem; text-align: left; margin: 0 0 1.2rem 0;}
  h1 span {font-size: 1.8rem;}
  h2 {text-align: left; font-size: 1.4rem;}
  p {font-size: 1rem; line-height: 1.8rem;}

  .btn-main {line-height: 1.6rem;}


  .sec-2 {padding: 2rem 1rem;}
  .sec-2 img {width: 150px;}

  .videopd {padding: 0;}

  .sec-2 h3 {margin: 1.6rem 0; font-size: 1.2rem; line-height: 1.7rem;}
  .sec-2 .p-dir {font-size:0.75rem; margin: 2.5rem 0 0 0;}

  .videos_list .accordion-body {padding: 0;}

}