@media only screen and (max-width: 768px) {
.menu{
  position:fixed; 
  width:100%;
  z-index:100;
  background: rgba(255, 255, 255,1);
  font-size:25px;
  height:80px;
    min-width: 100px;

}
#menu_mobile{
  display:inline;
}
#menu_language{
  display: none;
}
@font-face{
font-family:'Lato-Black';
src:url('Lato-Black.ttf');}

@font-face{
font-family:'Lato-Bold';
src:url('Lato-Bold.ttf');}

@font-face{
font-family:'SourceSans';
src:url('SourceSansPro-Regular.ttf');}
body{
  min-width:110px;
}

.logo{
  height:20px;
  margin-top:25px;
  margin-left:20%;
}
a, a:hover, a:active, a:visited {
  text-decoration: none !important;

}

.menu_button {
display: none;
}
.menu_button:hover{
	text-decoration: none;
  color:#00a7e1;
}
.menu_button:focus{
text-decoration: none !important;
  color:#00a7e1 !important;
}

.footer_button {
  margin-right: 10px;
  margin-left: 10px;
  display: inline-block;
  text-decoration: none;
  color:white;
}
.footer_button:hover{
  text-decoration: none;
  color:white;
}
.footer_button:focus{
text-decoration: none !important;
  color:white !important;
}
#practicas_derecha{
  margin-left:20%;
}


.top_div{
background-size: 100% 100%;
background-image: url("../img/home1.jpg");
height:30vh;
}
.top_div2{
background-size: 100% 100%;
background-image: url("../img/home2.jpg");
height:30vh;
}
.top_div3{
background-size: 100% 100%;
background-image: url("../img/home3.jpg");
height:30vh;
}
.title{
text-align:center;
font-size:1.5em;
color:white;
margin: 0 auto;
font-weight:400;
background-color:#00a7e1;
}
.option{
  color:#adadad;
}
.option:hover{
	cursor: pointer;
}
.option_active{
	color:#9ad628;
}
.footer_option{
	text-decoration: none;
	color:#adadad;
}
.footer_option:hover{
	text-decoration: none;
}
.row.nomargin{
margin-left:0px;
margin-right:0px;
}
.sust_title{
  margin-top:12%;
  font-size: 1.5em;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.overlay { 
  position:absolute;
  z-index:12;
  top:20vh;
  right:0;
  margin-left:15%;
  margin-right:15%;
  text-align:center;
  padding: 0px 30px 0px 30px;
}
.overlay2 { 
  position:absolute;
  z-index:12;
  top:25vh;
  right:0;
  margin-left:15%;
  margin-right:15%;
  text-align:center;
  padding: 0px 30px 0px 30px;
}
.carousel{
  width:100%;
}

.foto_abogado{
  height: 300px;
}
.texto_nosotros{
  text-align:center;margin-left:10%;margin-right:10%;margin-bottom:2%;font-family:SourceSans
}
.titulo_abogados{
  text-align:center;font-size:2em;margin-bottom:4%;padding-top:5%;font-family:Lato-Bold
}
.abogado_thumbnail{
  display:inline-block;
  margin:5px;
  cursor:pointer;
  opacity:0.5;
}
.abogado_thumbnail_actual{
  display:inline-block;
  margin:5px;
  cursor:pointer;
  opacity:1;
}

.abogado_thumbnail.active{
  opacity:1;
}

.footer{
  font-family:SourceSans;background-color:#00a7e1;color:white;padding-top:4%;padding-bottom:4%;padding-left:20%;
}
#footer_botones{
  display:none;
}

#map {
        width: 200px;
        height: 200px;
      margin-top:20%;margin-bottom:20%
      }



}