﻿main {
  /*min-height: calc(100vh - 50px);*/
  min-height: 0;
}

.wrapper {
  min-height: calc(100vh - 50px);
  background: url(../images/bg.jpg) no-repeat center center;
  background-size: cover;
}
.wrapper .container {
  min-height: calc(100vh - 100px);
  justify-content: center;
  align-items: center;
}

.wrapper.wrapper2 {
  min-height: 0;
  box-sizing: border-box;
  margin-top: -20px;
  min-height: calc(100vh - 70px);
}
.wrapper.wrapper2 .container {
  height: 100%;
  padding: 0;
  min-height: calc(100vh - 100px);
  padding: 80px 0;
}

.wrapper.form-indic {
  overflow-x: hidden;
}
.wrapper.form-indic .container {
  padding: 110px 0 50px 0;
}

.formulario {
  padding: 30px;
  border-radius: 20px;
  background-color: #243834;
  color: #fff;
  max-width: 700px;
  text-align: center;
}
.formulario .alert-warning {
  /*background: #b50909;*/
  background: transparent;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
  margin-top: -10px;
}
.formulario .alert-warning .text-danger {
  color: #d43535 !important;
}
.formulario h1 {
  text-transform: uppercase;
  color: #FF8931;
  font-family: "GT America Bl", "Work Sans", sans-serif;
  text-align: center;
  font-size: 40px;
  line-height: 40px;
}
.formulario h1 span {
  display: block;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
}
.formulario p {
  text-align: center;
  line-height: 20px;
  max-width: 450px;
  margin: 20px auto;
}
.formulario label, .formulario input, .formulario select {
  display: block;
  max-width: 300px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.formulario input, .formulario select {
  margin-bottom: 20px;
}
.formulario a {
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  padding: 15px 20px;
}
.formulario button {
  margin-top: 20px;
}

.formulario-confirmacao {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
}
.formulario-confirmacao label, .formulario-confirmacao input:not([type=checkbox], [type=radio], [type=submit]), .formulario-confirmacao select {
  width: 100%;
}
.formulario-confirmacao input:not([type=checkbox], [type=radio], [type=submit]), .formulario-confirmacao select {
  margin-bottom: 15px;
}
.formulario-confirmacao .bt-confirmar {
  font-size: 16px;
  line-height: 16px;
  padding: 10px 30px;
  margin-top: 20px;
}

/*******************************
    [Responsivo - 1200]
*******************************/
@media screen and (max-width: 1200px) {
  .formulario h1 {
    font-size: 34px;
    line-height: 34px;
  }
  .formulario h1 span {
    font-size: 26px;
    line-height: 26px;
  }
}
/*******************************
    [Responsivo - 992]
*******************************/
@media screen and (max-width: 992px) {
  .wrapper.form-indic .container {
    padding: 60px 0 50px 0;
  }
  .wrapper.wrapper2 .container {
    padding: 60px 0;
  }
}
/*****************************
    [Responsivo - 768]
********************************/
@media screen and (max-width: 768px) {
  .wrapper.wrapper2 .container {
    min-height: calc(100vh - 80px);
  }
  .formulario {
    max-width: 500px;
  }
  .formulario h1 {
    font-size: 26px;
    line-height: 26px;
  }
  .formulario h1 span {
    font-size: 20px;
    line-height: 20px;
  }
  .formulario p {
    line-height: 16px;
    margin: 10px auto 25px auto;
    max-width: 350px;
  }
  .formulario input, .formulario select {
    margin-bottom: 10px;
  }
  .formulario a {
    font-size: 13px;
    line-height: 35px;
    padding: 0 20px;
    height: 35px;
    border-radius: 8px;
    margin-top: 20px;
  }
  .formulario-confirmacao {
    max-width: 400px;
  }
  .formulario-confirmacao .bt-confirmar {
    font-size: 13px;
    padding: 0 20px;
    height: 35px;
    border-radius: 8px;
  }
  .formulario-confirmacao input:not([type=checkbox], [type=radio], [type=submit]), .formulario-confirmacao select {
    margin-bottom: 10px;
  }
}
/*********************************
    [Responsivo - 575]
********************************/
@media screen and (max-width: 575px) {
  .wrapper.wrapper2 .container {
    min-height: calc(100vh - 160px);
  }
  .formulario {
    max-width: calc(100% - 40px);
    padding: 15px;
  }
  .formulario h1 {
    font-size: 20px;
    line-height: 20px;
  }
  .formulario h1 span {
    font-size: 16px;
    line-height: 16px;
  }
}
