/*
Custom CSS for TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

*/

body {
    font-family: 'Oxygen', sans-serif !important;
}

.btn-outline-primary:hover {
    color: #f6f9fe !important;
    background-color: #009ddb !important;
    border-color: #b3e3f7 !;}
.times {
    font-family: 'Charis SIL', serif !important;
}

.bg-secondary {
  background-color: #4cb8ba !important;
}

.btn-outline-primary {
   
    border-color: #042a54 !important;}

.text-primary {
    color: #222!important;
}

.bg-primary {
  background-color: #32a0c2 !important;}

 .fade1
{
        opacity:1;
}
.fade1:hover
{
        opacity:0.8;
}

.carousel-control-next, .carousel-control-pre 
{
    width: 5% !important;
}
.carousel-control-next, .carousel-control-prev {
     width: 5% !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #222!important;
font-weight: 600;
letter-spacing: 0px !important  ;
font-size: 16px !important;}

.navbar-light .navbar-nav .nav-link:hover {
    color:#fff !important;
background: rgb(71, 151, 47) !important;}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active, .btn-outline-primary:hover {
	
	background-color: #007fb3 !important;}


.btn-primary {
    color: #f6f9fe;
    background-color: #042a54 !important;
    border-color: #063a74 !important;}

.color {
    color: #7DD463;
}
.color2 {
    color: #8BD874 !important;
}
 .fade1
}
{
        opacity:1;
}
.fade1:hover
{
        opacity:0.8;
}

h5.gale a {
    text-decoration: none !important;
    color: #212529;
    

}

a {
    text-decoration: none !important;
   

}
.gale  {
    text-decoration: none !important;
    color: #212529;
    

}


.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media (max-width:760px){
.logo {
    max-width: 220px;
}


@media (max-width:400px){

.fuente {
    font-size: 23px !important;
}



}