/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}
.navbar-custom {
    background-color: #FFFFFF;
	color:#000000;
}
.nombrelogo{
		color: blue;
	    font-size: 32px;
		font-weight: bold;
}
.nombremenu{
		color: blue;
	    font-size: 22px;
		font-weight: bold;
}

.colorme {
    color: black;
	font-size: 1.8rem;
	padding-bottom: 0.5px;
}
.vacio {
	height: 5px;
}
.fotosaint {
	
	margin-left: 2px; 
	padding: 1px;
}

.logo {
	width: 170px;
    height: 45px;
	padding-left: 3px;
	padding-bottom: 6x;
	margin-right: 12px;

}

.logosaint {
	width: 120px;
    height: 35px;
	padding-left: 3px;
	padding-bottom: 6x;
	margin-top: 2em;
}
.canal {
	font-size:1.4em;
	height: 35px;
	padding-left: 3px;
	padding-bottom: 6x;
	padding-top: 7x;
}

.carru {
   display:block;
  }

 .carrucel{
  display:none;
 }
 .divcentral {
	 padding-top: 11px;
 }
 .modalfooter {
	text-align:center;
 }

.what {
	width:100px;
    height:80px;
	z-index:0;
	
}
.nombre {
	font-size: 2 rem;
	
}

.logopeque {
	 display: none !important;
}
.bg-company-red {
    background-color: white !important;
}
.fa-facebook-f {
	color: #3b5998
}
.fa-twitter {
	color: #00aced
}
.fa-youtube {
	color: #bb0000
}

.btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
        color#fff;
        position: fixed;
        right:20px;
        bottom:20px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}
.bwt {
	 background-color: transparent; /* make the button transparent */
     background-repeat: no-repeat;  /* make the background image appear only once */
	 border: none;   
}



@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }



}


/* Extra Small Devices, .visible-xs-*  PARA PANTALLAS DE MENOS DE 767px */
@media (max-width: 767px) {
	
.logo {
	width: 80px;
    height: 25px;
	padding-left: 0px;
}
.logocorto {
	width: 130px;
    height: 45px;
}

.logonormal {
	 display: none !important;
}
.logopeque {
	 display: block !important;
}
	
.logosaint {
	width: 90px;
    height: 30px;
}
.barra {
	
	padding-bottom: 0em;
}
 .divcanal{
	padding-top: 1me;
}
.colorme {
 	font-size: 0.2 rem;
}
.nombre {
	font-size: 0.6 rem;
}


.carru {
   display:none;
  }

 .carrucel{
  display:block;
 }
  .social{
	display:none;
}
h2{
    font-size: 0.4 em;
} 
	
}

 
 

.card {
  height: 100%;
}