@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}

.container-fluid {
    margin: auto;
    background-color: rgb(236, 235, 235);
}

#logo {
    width: 50%;
    float: left;
    position: static;
} 
#logo_congreso {
    width:110%;
    float: center;
    position: static;    
}

input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    color: blue;
}

#seminario {
    color: blue;
}

#banner {
    display: flex;
    margin: auto;
}

#map { 
    height: 350px;
    width: 1400px;
    padding: 15%; 
}

h1 {
    text-align: Center;  

}

h2 {
   text-align: center;
   padding: 15px;
   color: black;
   font-family: 'Josefin Sans', sans-serif;
}

h3{
    text-align: center;
    color: white;
    font-family: 'Josefin Sans', sans-serif;
    color: black;
} 

.jumbotron-fluid {
    justify-self: center;
    text-align: center;
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
}

header{
    padding: 15px;
}

.contenido {
    padding:20px;
    margin: 10px;
    border-radius: 50px;
}
.tecnology {
    color: (black);
    
}
#construccion {
    width: 940px;
    height: 540px;
    display:block;
    margin: auto;
}

.bg-light{
    background-color: #3b5998 !important;
    border-bottom-left-radius: 4000%;
    font-size: 30px;    
    font-family: 'Bebas Neue', cursive;
    margin: auto;
  
}

.flex-column {
    font-family: 'Bebas Neue', cursive;
    font-size: 20px;
    
 }
 
.card-img-1{
    height: 430px;
    width: 180px;
}

.card-img-banner {
    padding: 5px;
}

#icono {
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 60px;
    color:#3b5998;
}

img.zoom {
    width: 350px;
    height: 200px;   
}

.transition {
    -webkit-transform: scale(1.8); 
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}

#galeria .col-lg-4 {
    margin: 0 !important;
    padding: 25px;
}

#galeria img {
    width: 100%;
    height: 250px;
}

#galeria img:hover {
    border: 5px solid #f7f7f7; 
}

#text-icono {
    text-align: center;
}

#hackeo {
    display:block;
    margin:auto;
    width: 920px;
    height: 420px;
    padding: 5px;
}

#ethical {
    text-align: left;
    margin: auto;
}

#principal {
    display:block;
    margin:auto;
    height: 400px;
    width: 320px;
    padding: 20px;
}

#diseno {
    height: 400px;
    width: 320px;    
}

.contenido1{
    padding:20px;
    margin: 10px;
    border-radius: 50px;
    text-align: left;
}
.resize_fit_center {
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}
.barra_sociales {
    font-size: 20px;
    font-family: 'Bebas Neue', cursive;
    margin: auto;
    background-color: #3b5998;    
}
.promomes{
    position: absolute; 
    float: auto;
    left: 10%;     
	max-width:100%;
    height:auto;    
}
.social {
	position: fixed; 
    float: left;
    left: 0;
    top: 200px; 
	z-index: 2000;  
}

.social ul {
    list-style: none;
}

.social ul li a {
    display: inline-block;
    color:#fff;
    background: #000;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; 
}

.social ul li .icon-facebook {background:#3b5998;}  
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-googleplus {background: #d95232;}
    .social ul li .icon-pinterest {background: #ae181f;}
    .social ul li .icon-mail {background: #666666;}
    
.social ul li a:hover {
		background: #000; 
		padding: 10px 30px; 
}