html { 
    scroll-behavior: smooth;
}

main {
    background-color: #f2f2f2;
}

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

@font-face {
    font-family: "Gibson";
    src: url(/fonts/Gibson-SemiBold.woff2);
} 

header {
    font-family: "Gibson";
    background-color: white;
    width: 100%;
}

main {
    margin-top: auto !important;
    padding-top: 7em;
    padding-bottom: 3em;
}

.nav-item a {
    color: black !important;
}

nav {
    background-color: white;
    box-shadow: 0px 0px 11px -5px rgba(0, 0, 0, 0.2);
}

.navbar-nav 
{
    margin:0 auto;
}

.navbar-toggler {
    border: none;
    box-shadow: none !important;
}

#logo_contacto {
    width: 300px;
    margin-top: 40px;

}

#div_logo {
    text-align: center;
}

#contenedor_redes a svg {
    color:black;
}

h3 {
    font-family: "Gibson";
    font-size: 1.30rem;
}

footer, .bg-body-tertiary, html, body {
    background-color: #f2f2f2 !important;
}

footer .container-fluid, .navbar  {
    background-color: white !important;
}

footer {
    padding: 0px !important;
}

.mail_phone{
    display: block;
    text-decoration: none;
    color: black;
    padding: 5px;
}

.mail_phone svg {
    margin-right: 10px;
}


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

#eventos {
    text-align:center;
    color:white;
    font-family:"Gibson";
    line-height: 50px;
    font-size:inherit
}

.fecha {
    text-align: center;
    background-color: #454545;
    border-radius: 15px;
    color: white;
    font-weight: 600;
}

.grupo {
    text-align: center;
    font-weight: 600;
}

.icono {
    margin: 5px;
    font-size: 23px;
}