@charset "utf-8";
/* CSS Custom */
body{
	background-color:floralwhite;
	margin:0;
	padding:0;
}
html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, b, input, select, textarea, p, span{
	font-family: 'Niramit', Arial, sans-serif; !important;
	font-size:16px !important;
}
a{
	color:#281f8a;
}
a:hover{
	color:#2b20a3;
}
.container{
	max-width: 1240px !important;	
}
.navbar{
	/*border-bottom:1px solid #f92a34;*/
	background:rgba(255, 255, 255, 0.8) !important;
}
.navbar-nav .nav-link{
	color:#281f8a !important;		
	font-weight:bold;
	padding-left:20px !important;
	padding-right:20px !important;
}
.navbar-nav .nav-link:hover, .navbar-nav .active{
	background:rgba(249, 42, 52, 0.5) !important;
	color: #fff !important;
}
.banner-text{
	color:#FFF;
	text-shadow: 1px 2px #333;
}
.banner-text h1{
	color:#fee92e;
	font-family: 'Kaushan Script', cursive !important;
	font-size:70px !important;
}
.banner-text h2{
	font-family: 'Kaushan Script', cursive !important;
	font-size:40px !important;
}
i.fas, i.fab{
	color:#281f8a
}
.card-home{
	border:1px solid #ccc;
	min-width:250px;
}
.card-header-home{
	background:#ffe92a;
	border-bottom:1px solid #f92a34;
	font-weight:bold;
}
.foot{
	/*background-color:rgba(35,105,7, 0.3);*/
	background: #c3c3c3;	
	border-top:1px solid #281f8a;
}
.btn-success{
	background:#fa4850 !important;
	border-color: #fa4850;
	color:#FFF;
}
.developer{
	font-size:14px !important;
}
.titulos{
	font-size:28px !important;
	color:#281f8a;
}
.bg-success{
	background: rgba(38,162,67,0.8) !important;
}
.bg-warning{
	background: rgba(255,193,7,0.6) !important;
}
.bg-info{
	background: rgba(12,174,199,0.8) !important;
}
.navbar-brand img{
	height:50px;
}
  .fixed-top{
	  position:relative !important;
	}
	.banner-text{
	top:5%;
	/*right:10%;*/
}
.banner-text .btn{
	font-size:12px;
	padding:5px;
}
.banner-text h1{
	font-size:20px !important;
}
.banner-text h2{
	font-size:15px !important;
}
.up_menu{
    background: #ee8000;
    position: fixed !important;
    z-index: 1000;
    width: 100%;
}
.up_menu .logo-drakom img{
	max-height: 35px;
}
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
.navbar-brand img{
	height:70px;
}
  .fixed-top{
	  position:relative;
	}
	.banner-text{
	top:5%;
	/*right:10%;*/
}
.banner-text .btn{
	font-size:12px;
	padding:5px;
}
.banner-text h1{
	font-size:30px !important;
}
.banner-text h2{
	font-size:20px !important;
}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
.navbar-brand img{
	height:80px;
}
.fixed-top{
	  /*position: fixed !important;*/
	  background: #fff !important;
	}
.banner-text{
	top:30%;
	/*right:10%;*/
}
.banner-text .btn{
	font-size:12px;
	padding:5px;
}
.banner-text h1{
	font-size:50px !important;
}
.banner-text h2{
	font-size:20px !important;
}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.navbar-brand img{
	height:100px;
}
.banner-text{
	top:30%;
	/*right:10%;*/
}
.banner-text .btn{
	font-size:21px;
	padding:5px 10px;
}
.banner-text h1{
	font-size:60px !important;
}
.banner-text h2{
	font-size:30px !important;
}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
.banner-text{
	top:30%;
	/*right:13%;*/
}
.banner-text h1{
	font-size:70px !important;
}
.banner-text h2{
	font-size:40px !important;
}
}