.tema {
	color: #000;
	text-align: center;
	font-size: 27px;
	font-family: 'Oswald', sans-serif;
}
.title{
	color: #000 ;
	text-align: center;
	font-size: 15px;
	font-family: 'Noto Sans', sans-serif;
}

.txt-wh {
	color:#fff !important;
	font-size: 19px;
}
.txt-blue {
	color:#f29f07 !important;
}

.txt-black {
	color:black !important;
}

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


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

.no-border {
	border:none;
}

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

.txt-center {
	text-align: center !important;
}
.hr {
	width:30%;
	height:2px;
	background-color:#f29f07;
}
.hr2 {
	width:10%;
	height:4px;
	background-color:#fff;
}
.title{
	color: #333;
	text-transform: uppercase;
	text-align: left;
	font-size: 20px;
	font-family: 'Noto Sans', sans-serif;
}

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

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

h2 {
	color:#fff;
	font-size: 38px!important;
	text-align: left!important;
	padding-left: 8%!important;
	padding-right: 8%!important;
	padding-top: 15px;
}

p.p-txt {
	padding-top: 30px!important;
}

.p-left {
	text-align: justify !important;
	padding: 15px 8% 20px 8%;
	font-family: 'Noto Sans', sans-serif;
	font-size: 20px!important;
	font-weight: normal !important;
}
.p-justify {
	text-align:justify !important;
}

.p-center {
	color: #494848;
	text-align: center;
	font-family: 'Noto Sans', sans-serif;
}

p {
	color: #fff;
	font-size: 23px;
	text-align: center;
	font-family: 'Noto Sans', sans-serif;
}

.boxcolor {
	background-color:#3498db;
}
.boxcolor2 {
	background-color:#f7f8fd;
}
.boxcolor3 {
	background-color:#000;
}

.container.container-purple {
	background-color:#873299;

}

.container.container-black {
	background-color:#000700;
}

.container.container-grey {
	background-color:#C7C9C8;
}




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

.borderbottom {
	border-bottom: 18px solid #873299;
}

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

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 238px)
}