.tema{
	color: #dfb700;
	text-align: center;
	font-size: 50px;
	font-family: 'Coda Caption', sans-serif;
	font-family: 'Anton', sans-serif;
	font-family: 'Kanit', sans-serif;
}

.site a {
	color: #000 !important;
	font-size: 16px !important;
	font-family: 'Roboto Condensed';
	font-family: 'Kanit', sans-serif;
	position: relative !important;
	top: 350px !important;
	left: 270px !important;
}

.txt-branco {
	color:#fff !important;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 170%;
}

.txt-branco b {
	color: #fff;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 34px;
	letter-spacing: 4px;
	line-height: 170%;
	font-weight: 100;
}

.txt-preto {
	color:#000 !important;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 170%;
}

.txt-preto b {
	color: #000;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 34px;
	letter-spacing: 4px;
	line-height: 170%;
	font-weight: 100;
}

.txt-sub {
	font-size:30px !important; 
}

.top-menos {
	margin-top:-100px ;
}

.no-border {
	border:none;
}

.txt-left {
	text-align: left !important;
}

.txt-center {
	text-align: center !important;
}


.title{
	color: #dfb700;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
}

.text-list {
	font-size: 70%;
	color:#494848;
}

.h-left {
	color:red;
	font-size: 20px;
	text-transform: uppercase;
	text-align: left !important;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
}

.p-left {
	color: #494848;
	text-align: left !important;
	padding: 20px;
	font-family: 'Roboto', sans-serif;
}


.p-justify {
	color: #494848;
	text-align: justify;
	font-family: 'Roboto', sans-serif;
	padding: 0px 40px 0px 40px;
}

.caixa {
  width: 210px;
  border: 2px solid #fff;
  border-radius: 25px;
  padding: 8px;
}

.p-center {
	width: 100%;
	color: #494848;
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 130%;
	padding: 0px 40px 0px 40px;
}

.p-center2 {
	color: #fff;
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	line-height: 130%;
	padding: 250px 40px 0px 480px;
}

.p-center2 h1{
	font-weight: 700;
}

.p-center2 b{
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	line-height: 130%;
	font-style: italic;
}

.p-center2b {
	color: #fff;
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	line-height: 130%;
	padding: 200px 40px 0px 480px;
}

.p-center2b h1{
	font-weight: 700;
}

.p-center2b b{
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	line-height: 130%;
	font-style: italic;
}

.p-center3 {
    color: #fff;
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-size: 28px;
	font-weight: 700;
	Padding: 20px;
}

.p-center4 {
	color: #494848;
	padding:50px;
}

.p-center5 {
	color: #fff;
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	line-height: 130%;
	padding: 40px;
}

.p-center5 b{
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-size: 35px;
	line-height: 100%;
	font-style: italic;
}

.p-center6 {
	width: 500px;
	color: #8e2e2b;
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	line-height: 130%;
	padding: 40px;
}

.p-center6 h1{
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-size: 37px;
	line-height: 100%;
	font-style: italic;
}

.p-center6 b{
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	line-height: 100%;
}

.p-center a {
	color: #fff !important;
	text-align: center;
	font-family: 'Roboto Condensed';
	padding: 0px 40px 0px 40px;
}

p {
	color: #000;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.box-link {
	background-color:#141414;
}
.boxcolor {
	background-color:rgb(234, 234, 234);
}
.boxcolor2 {
	background-color:rgb(240, 240, 240);
}

#boxcolor {
	background-color:#6b0007;
}


@media (max-width: 420px){
	.video{
    height: 200px;
  }
}

@media (min-width:421px) and (max-width: 600px){

	.video{
    height: 350px;
  }
}
@media (min-width:601px) and (max-width: 740px){
	
  .video{
   height: 400px;
  }
}

.icon {
	color:red;
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
  }
  .icon-keyboard {
	width: 1.125em;
  }