.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;
	font-size: 16px;
	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: 14px;
	letter-spacing: 2px;
	line-height: 170%;
}

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

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

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

.txt-preto h2 {
	color: #37363b;
	font-family: 'Roboto', sans-serif;
	font-size: 29px;
	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;
	padding-left: 40px;
}

.txt-right {
	text-align: right !important;
	padding-right: 40px;
}

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


.title{
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	line-height: 30px;
	font-family: 'Roboto', 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 {
	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;
}

.p-center {
	width: 100%;
	color: #494848;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 170%;
	padding: 0px 40px 0px 40px;
}

.p-right {
	color: #494848;
	text-align: right;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 170%;
	padding-right: 40px;
}

.p-left {
	text-align: left;
	font-family: 'Roboto', sans-serif;
	padding-left: 40px;
}

.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;
}

.boxcolor2 {
	background-color:rgb(240, 240, 240);
}

.boxcolor {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	Background-color: #720101;
}

.boxcolor2 {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	Background-color: #fff;
}


@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;
  }