body {
  font-family: "Open Sans", Helvetica, sans-serif;
}
#corr{
  margin-left: 30px;
}
#corr h6{
  letter-spacing: 0.2em;
}
#area2{
  margin-left: 360px;
  padding: 15px;
  border:1px solid white;
  border-radius: 5%;
  background-color: linear-gradient(#363437, #121112);
}
#abogadosnav{
  position: fixed; z-index: 120;margin-left: 100px;margin-top: -903px;margin-left: 970px;
}
#cont-ser{
margin-left: 25% ;
}
#fondoimg{
  margin-top: -20px;
  width: 550px;
  height: 300px;
opacity: 0.8;

}
#img4{
   height: 110px;
  width: 190px;
  margin-left: 23vw;
  position: absolute;
  margin-bottom: -100px;
  margin-top: 50px;
}
#img3{
    height: 30px;
  width: 50px;
  margin-left: -90px;
  margin-top: -470px;
  position: absolute;
  
}
#img2{
  height: 110px;
  width: 190px;
  margin-left: 22.5vw;
  margin-bottom: 100px;


}
#img{
height: 80px;
 width: 170px;
 margin-left: 7px;
margin-top: 4px;
}
#logo3{
 background-color:rgba(23, 32, 42);/**/
    border-radius: 50%;
    height: 90px;
    width: 100px;
    margin-top: 100px;
    position: relative;


}
#movimiento-logo{
  width: 250px;
  margin-left: 46vw;
  margin-top: -120px;

}
#fo{
  display: nonea;
  position: fixed;
  left: 0;
  top: 25px;
}
#imgcelu{
  height: 500px;
  width: 400px;
  position: relative;


}
#original{
  height: 500px;
  width: 400px;
}
#celualar{

margin-top: 300px;
height: 500px;
width: 400px;
}

#gmail{
margin-top: -400px;
position: absolute;

margin-left: -90px;
}

#gmail:hover{
filter: saturate(180%)
}


#telefonoi{
 
margin-top: -300px;

position: absolute;
;
margin-left: -90px;

}

#telefonoi:hover{
filter: saturate(180%)
}


#mapas{
margin-top: -405px;
position: absolute;

justify-content: flex-end;
margin-left: 00px;
}

#mapas:hover{
filter: saturate(180%)
}




.mapa{
  overflow: hidden; height: 400px;width: 100%;border:3px solid white;
}
#mapa1{
  font-size: 20px;
 font-family: 'Oswald', sans-serif;
letter-spacing: 0;
color: white;
  letter-spacing: 0.2em;
}
#h3estudio{
  margin-left: 10%;letter-spacing: 0.20em;
}
.menu{
  position: fixed;margin-top: 10px;width: 400px;left:9vw;z-index: 102;
}
#fondo2{
      background-image:url(../img/slider2.jpg);
      background-size:100% 100%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      margin-top: -100px;

}
#col1{
  justify-content: center;margin: 0 auto; max-width: 1100px;padding: 0 20px;border-bottom: 1px solid #34495E;
}

#cartera{
  font-size: 40px;font-family: 'Oswald', sans-serif;letter-spacing: 0.50em;color:#85929E  ;
}
/*fondo header*/

#rr{
	height: 950px;
}

#tamanofondo{
  height: 300px;
  width: 100%;
}

#clientes1{
  width: 250px;
  height: 250px;
   background-color: linear-gradient(#363437, #121112);
}



.align{
  text-align: center;
}
/* HEADER */
.header {
    height: 105px;
    margin-top: -10px;
    margin-right: -15px;
    margin-left: -15px;
    font-family: 'Rubik';
    }
/* CHASING4CODE TITLE */
.teamName {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 10px;
    text-align: center;
    background-color: rgba(23, 32, 42 );
  }

.teamName h1 {
    font-family: 'Rubik';
    font-size: 1rem;
  }
/* BARRA NAV MENU */
.menu{
    width: ;
    height: 30px;
    background-color: rgba(23, 32, 42 , 0.7);
    }

.barra--ul {
    justify-content: space-evenly;
    text-align: center;
    list-style: none;
    height: 20px;
 
    display: inline-flex;
    flex-direction: row;   
}


.barra--ul li{
    margin-right: 40px;
}


/* QUITAR DECO A ANCHORS, COLOR Y FONTSIZE */
.nodeco{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 0.7rem;
   margin:10px;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0.20em;
}
.nodeco:hover{
    text-decoration: none;
    color: #34495E;
    font-size: 0.7rem;
   margin:10px;

}




#top-social-menu {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 12px;
  z-index: 101;
  padding-right: 0px;
  list-style: none;
  color: #2E1C05;
  transition: all 0.2s ease-out;
}

#top-social-menu li {
  float: left;
  padding: 10px 15px;
}

#top-social-menu li:last-child {
  padding-right: 0;
}

#top-social-menu li a {
  text-decoration: none;
  color: #2E1C05;
}

#top-social-menu li a:hover {
  text-decoration: none;
  color: #543A1A;
}

#top-social-menu i {
 	font-size: 16px;
  
  transition: all 0.2s ease-in;
}

#top-social-menu i:hover {
  text-decoration: none;
  color: #543A1A;
}



.full-width-img {
  background: url('../img/edificio9.jpg') no-repeat center center;

  background-size: 120% 120%;
  text-align: center;
  padding-top: 100px;
  height: 750px;
  color: #fff;
}

.box {
  border: 3px solid #000;
  color: #fff;

  text-align: center;
 
  padding: 10px 0px;
}

.subheading-text {
  list-style: none;
  font-size: 35px;
  line-height: 50px;
}

@media (min-width: 768px) {

  .full-width-img {
    padding-top: 110px;
    height: 1000px;
  }

  .subheading-text {
    font-size: 50px;
    line-height: 70px;
  }

  .box {
    margin-top: 100px;
    padding: 80px 0px;
    margin-left: 10px;
  }
}












.section-black,
.section-white {
	padding: 200px 0;
	color: #fff;
	line-height: 1.7;
}

.section-black h3,
.section-white h3 {
	margin-bottom: 60px;
}

.section-black p,
.section-white p {
  margin-bottom: 60px;
}

.section-black {
	background: linear-gradient(#363437, #121112);
  border-top: 2px solid #34495E;
  margin-bottom:2px solid #34495E;
}

.section-white {
	background-color:rgb(245, 245 , 245);
  color: #0e0d0e;
}




.blog .carousel-indicators {
  left: 0;
  top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}




#negroFinal{
  background-image: url(../img/despacho.jpg); ;
  background-size:100% 120%;
  background-repeat: no-repeat;
}








#ignacio{
  margin-left: 1px;
}









/* comienzo de contenedor de socios */







/*contenedor div de imagen de socios*/ 





#abogadoor{
  background-image: url(../img/abogadoor.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
border-radius: 50%;
height: 200px;
width: 200px;
border: 2px solid #34495E ;
position: center;

}

#abogadoor:hover{
-webkit-transform:scale(1.3);transform:scale(1.3);
filter: opacity(1.5);
transition:all .3s ease-in-out;
-webkit-box-shadow: 10px 1px 14px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 1px 14px -2px rgba(0,0,0,0.75);
box-shadow: 10px 1px 14px -2px rgba(0,0,0,0.75);


}

#socio1{
  margin-left: 70px;
  font-family: 'Oswald', sans-serif;
  color:white ;
}




/*segundo abogado*/
  





#abogador2{
  background-image: url(../img/abogador2.jpeg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
  height: 200px;
  width: 200px;
  border: 2px solid #34495E ;

}



#abogador2:hover{
-webkit-transform:scale(1.3);transform:scale(1.3);
filter: opacity(1.5);
transition:all .3s ease-in-out;
-webkit-box-shadow: 10px 1px 14px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 1px 14px -2px rgba(0,0,0,0.75);
box-shadow: 10px 1px 14px -2px rgba(0,0,0,0.75);


}


#socio2{
   margin-left: 50px;
font-family: 'Oswald', sans-serif;
  color:white;

}








#papa{
  background-image: url(../img/papa.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
  height: 200px;
  width: 200px;
  border: 2px solid #34495E ;

}


#papa:hover{
-webkit-transform:scale(1.3);transform:scale(1.3);
filter: opacity(1.5);
transition:all .3s ease-in-out;
-webkit-box-shadow: 10px 1px 14px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 1px 14px -2px rgba(0,0,0,0.75);
box-shadow: 10px 1px 14px -2px rgba(0,0,0,0.75);

}





#titular{
  margin-left: 50px;
font-family: 'Oswald', sans-serif;
  color:white;
}






/* caja 1 */

#caja1-2{
  height: 200px;
  width: 220px;
  border-radius: 5%;
  background-image: url(../img/areas/trabajo.jpg);
  background-size: cover;
}

#caja1{
  overflow: hidden;
    height: 200px;
  width: 220px;
 border-radius: 5%;
background-color: #34495E;
  -webkit-transition:opacity 0.5s;
  opacity: 0;
}
#caja1:hover{
  opacity: 1;
   border-radius: 5%;

}
#head-line{
  margin-left:-75px;
  -webkit-transition:margin 0.5s;
   font-size: 20px;
    margin-top: 30px;
    padding: 5px;
     border-top: 1px solid white;
     border-bottom: 1px solid white;

}
#caja1:hover #head-line{
  margin-left:0px;
}


/*caja2 */


#caja2-2{
  height: 200px;
  width: 220px;
 border-radius: 5%;
  background-image: url(../img/areas/trabajadores.jpg);
  background-size: cover;
}

#caja2{
  overflow: hidden;
    height: 200px;
  width: 220px;
 border-radius: 5%;
background-color: #34495E;
  -webkit-transition:opacity 0.5s;
  opacity: 0;
}
#caja2:hover{
  opacity: 1;
   border-radius: 5%;

}
#caja2:hover #head-line{
  margin-left:0px;
}

 /*caja 3*/

#caja3-2{
  height: 200px;
  width: 220px;
 border-radius: 5%;
  background-image: url(../img/areas/seguridad2.jpg);
  background-size: cover;
}
#caja3{
  overflow: hidden;
    height: 200px;
  width: 220px;
 border-radius: 5%;
background-color: #34495E;
  -webkit-transition:opacity 0.5s;
  opacity: 0;
}
#caja3:hover{
  opacity: 1;
  border-radius: 5%;
}
#caja3:hover #head-line{
  margin-left:0px;
 
}


/*caja 4*/




#caja4-2 {
  height: 200px;
  width: 220px;
 border-radius: 5%;
  background-image: url(../img/areas/empresa.jpg);
  background-size: cover;
}

#caja4{
  overflow: hidden;
    height: 200px;
  width: 220px;
 border-radius: 5%;
background-color: #34495E;
  -webkit-transition:opacity 0.5s;
  opacity: 0;
}
#caja4:hover{
  opacity: 1;
  border-radius: 5%;
}

#caja4:hover #head-line{
  margin-left:0px;
 
}







/* caja 5 */


#caja5-2 {
  height: 200px;
  width: 220px;
 border-radius: 5%;
  background-image: url(../img/areas/seguros2.jpg);
  background-size: 110% 100%;

}

#caja5{
  overflow: hidden;
    height: 200px;
  width: 220px;
 border-radius: 5%;
background-color: #34495E;
  -webkit-transition:opacity 0.5s;
  opacity: 0;
}
#caja5:hover{
  opacity: 1;
  border-radius: 5%;
}

#caja5:hover #head-line{
  margin-left:0px;
 
}





/* caja 6 */



#caja6-2 {
  height: 200px;
  width: 220px;
  border-radius: 5%;
  background-image: url(../img/areas/causa.jpg);
  background-size: cover;
}

#caja6{
  overflow: hidden;
    height: 200px;
  width: 220px;
 border-radius: 5%;
background-color: #34495E;
  -webkit-transition:opacity 0.5s;
  opacity: 0;
}
#caja6:hover{
  opacity: 1;
   border-radius: 5%;

}
#caja6:hover #head-line{
  margin-left:0px;

}


/*caja 7*/


#caja7-2 {
  height: 200px;
  width: 220px;
  border-radius: 5%;
  background-image: url(../img/areas/derechocivil.jpg);
  background-size: cover;
}


#caja7 {
  overflow: hidden;
    height: 200px;
  width: 220px;
  border-radius: 5%;
background-color: #34495E;
  -webkit-transition:opacity 0.5s;
  opacity: 0;
}
#caja7:hover{
  opacity: 1;
  border-radius: 5%;
}
#caja7:hover #head-line{
  margin-left:0px;
}





#caja8-2 {
  height: 200px;
  width: 220px;
  border-radius: 5%;
  background-image: url(../img/areas/jubilaciones.jpg);
  background-size: cover;
}


#caja8 {
  overflow: hidden;
    height: 200px;
  width: 220px;
  border-radius: 5%;
background-color: #34495E;
  -webkit-transition:opacity 0.5s;
  opacity: 0;
}
#caja8:hover{
  opacity: 1;
  z-index: 100;
    border-radius: 5%;

}
#caja8:hover #head-line{
  margin-left:0px;
}







#cajas{
  flex-direction: row;
  padding-top: 16px;
  border-top: 1px solid #D5D8DC   ;
}
#cajas2{
  flex-direction: row;
   border-bottom: 1px solid #D5D8DC ;
     padding-bottom: 16px;
}

#li{
    display:inline-block;
    margin: 5px;
    font-family: 'Cinzel', serif;

}

/* tamaño 1440 --------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width: 1440px){

#footer p{
font-size: 12px;
}
#footer2 p{
  font-size: 12px;
}
    #corr ul{
  list-style: none;
}
  #iconface{
  display: none;
}
#fondoimg{
  margin-left: -50px;
}
#h3estudio{
  margin-left: 200px;
}
#img4{
  margin-left: 440px;
}
  #abogadosnav{
  position: fixed; z-index: 120;margin-left: 100px;margin-top: -650px;margin-left: 750px;
}
#img2{
  margin-left: 460px;
}

  #rr{
  height: 700px;
  width: 100vw;
  background-size: 120% 120%;
}
.menu{
  display: ;
}
.box{
  margin-top:-90px;
  margin-left: 22%;
  padding: 10px;
  width: 200px;
  position: absolute;
  z-index: 1001;

}
.box2{
  font-size: 13px;
}

#area{
  margin-left: 45px;
  padding: 20px;
}
#abogador2{
  width: 150px;
  height: 150px;
}
#abogadoor{
  width: 150px;
  height: 150px;
}
#papa{
  width: 150px;
  height: 150px;
}

#socio1{
margin-left:55px;
}
#socio2{
margin-left:55px;
}
#titular{
margin-left:55px;
}
#carlos{
  margin-left: 10px;
}

#clientes1{
  height:150px;
  width: 150px;
}

#negroFinimg{
  height: 600px;
  padding: 20px;

}

#cajas{
  margin-left: 20px;
}
#cajas2{
  margin-left: 20px;
}
#fir{
  margin-left: -10  0px;

}
#black3{
  padding: 50px;
}


}


/*#caja1-2:before{
  content: "";
  background-color: #d2b9b7;
height: 200px; 
 width: 220px;
  opacity: 0.2;
  position: absolute;
}
#caja2-2:before{
  content: "";
  background-color: #d2b9b7;
height: 200px; 
 width: 220px;
  opacity: 0.2;
  position: absolute;
}
#caja3-2:before{
   content: "";
  background-color: #d2b9b7;
height: 200px; 
 width: 220px;
  opacity: 0.2;
  position: absolute;
}
#caja4-2:before{
 content: "";
  background-color: #d2b9b7;
height: 200px; 
 width: 220px;
  opacity: 0.2;
  position: absolute;
}
#caja5-2:before{
 content: "";
  background-color: #d2b9b7;
height: 200px; 
 width: 220px;
  opacity: 0.2;
  position: absolute;
}
#caja6-2:before{
   content: "";
  background-color: #d2b9b7;
height: 200px; 
 width: 220px;
  opacity: 0.2;
  position: absolute;
}
#caja7-2:before{
  content: "";
  background-color: #d2b9b7;
 height: 200px; 
 width: 220px;
  opacity: 0.2;
  position: absolute;
}
#caja8-2:before{
 content: "";
  background-color: #d2b9b7;
height: 200px; 
 width: 220px;
  opacity: 0.2;
  position: absolute;
}
*/


/* tamaño 1372--------------------------------------------------------------------------------------------------------------------------------------*/



@media(max-width: 1372px) {
#img{
  margin-left: 100px;
}
.menu{
  margin-left: -100px;
}
}

@media(max-width: 1364px){
    #img{
  margin-left: -33px;
}
}

/* 1360---------------------------------------------------------------*/
@media(max-width: 1360px){
  #img{
height: 80px;
 width: 170px;
 margin-left: 7px;
margin-top: 4px;
}
#logo3{
 background-color:rgba(23, 32, 42);/**/
    border-radius: 50%;
    height: 90px;
    width: 100px;
    margin-top: 100px;
    position: relative;


}
#movimiento-logo{
  width: 250px;
  margin-left: 45vw;
  margin-top: -120px;

}







/* tamaño 1024 --------------------------------------------------------------------------------------------------------------------------------------*/










@media(max-width: 1024px){


  #img3{
    margin-left: -50px;
  }
  #img2{
    margin-left: 370px;
  }
  #corr ul{
  width: 300px;
  list-style: none;
}
  #corr #q h6{
  letter-spacing: 0.3em;
    background-color:rgba(52, 73, 94, 0.8);
    padding: 20px;
    color: #c7d2db;
    border:1px solid  #121112;
    margin-left: -10px;
}
#img4{
  margin-top:px;
  margin-left:350px;
}
#logo3{
 background-color:rgba(23, 32, 42);/**/
    border-radius: 50%;

    position: relative;
    margin-left: 45vw;
    margin-top: -15px;
}
  #movimiento-logo{
margin-top:0px;
margin-left: -50px;
}
#img{
height: 60px;
width: 60px;
margin-left: 5px;
}
#logo3{
  height: 68px;
  width: 70px;

}









#imgcelu{
  height: 300px;
  width: 250px;
  position: relative;


}
#original{
  height: 500px;
  width: 400px;
}
#celualar{

margin-top: 200px;
height: 500px;
width: 400px;
margin-left: -70px;
}

#gmail{
margin-top: 30px;
position: absolute;
height: 45px;
width: 45px;
margin-left: -160px;
}

#gmail:hover{
filter: saturate(180%)
}


#telefonoi{
 
margin-top: 100px;

position: absolute;
height: 45px;
width: 45px;
margin-left: -160px;

}

#telefonoi:hover{
filter: saturate(180%)
}


#mapas{
margin-top: 170px;
position: absolute;

justify-content: flex-end;
margin-left: -160px;
height: 45px;
width: 45px;
}

#mapas:hover{
filter: saturate(180%)
}




#img{
margin-left: 5px;
width: 120px;
}



    #rr{
  height: 700px;
  width: 100vw;
  background-size: 120% 120%;
}
.menu{

display: nonea;
background-color: re;
margin-left: -130px;
}
.box{
  margin-top:-90px;
  margin-left: 22%;
  padding: 10px;
  width: 200px;
  position: absolute;
  z-index: 1001;

}
.box2{
  font-size: 13px;
}

#area{
  margin-left: 0px;
}
#abogador2{
  width: 150px;
  height: 150px;
}
#abogadoor{
  width: 150px;
  height: 150px;
}
#papa{
  width: 150px;
  height: 150px;
}

#socio1{
margin-left:55px;
}
#socio2{
margin-left:55px;
}
#titular{
margin-left:55px;
}
#carlos{
  margin-left: 10px;
}

#clientes1{
  height:150px;
  width: 150px;
}

#negroFinal{
  height: 600px;
  padding: 20px;
}

#cajas{
  margin-left: 80px;
}
#cajas2{
  margin-left: 80px;
}
#fir{
  margin-left: -10  0px;
}
#black3{
  padding: 50px;
}



#caja1-2{
height: 150px;
width: 150px;
}
#caja1{
height: 150px;
width: 150px;
}



#caja2-2{
  height: 150px;
width: 150px;
}
#caja2{
height: 150px;
width: 150px;
}






#caja3-2{
  height: 150px;
width: 150px;
}
#caja3{
height: 150px;
width: 150px;
}




#caja4-2{
  height: 150px;
width: 150px;
}
#caja4{
height: 150px;
width: 150px;
}






#caja5-2{
  height: 150px;
width: 150px;
}

#caja5{
height: 150px;
width: 150px;
}



#caja6-2{
  height: 150px;
width: 150px;
}
#caja6{
height: 150px;
width: 150px;
}



#caja7-2{
  height: 150px;
width: 150px;
}
#caja7{
height: 150px;
width: 150px;
}




#caja8-2{
  height: 150px;
width: 150px;
}
#caja8{
height: 150px;
width: 150px;
}

#cartera{
  margin-left: -70px;
}

#iconface{
  display: none;
}
#iconemail{
font-size: 11px;
}
#icontelefono{
font-size: 11px;
}
#iconubicacion{
  display: none;

}
.teamName{
  height: 50px;
}
}

/* tamaño 912------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media(max-width: 912px){
#cartera{
  margin-left: -160px;
}
#fondoimg{
  margin-left: -130px;
}
#h3estudio{
  margin-left: 50px;
}
#img4{
  margin-left: 240px;
}
#area2{
  margin-left: 180px;
}
#fir{
  margin-left: -80px;
}
#na{
  margin-left: -50px;
}
#movimiento-logo{

margin-top:0px;
margin-left: -10px;
}
  #img{
  margin-left: 5px;
}
.menu{
  margin-left: -100px;
}
#img2{
  margin-left:230px;

}
#area{
margin-left: -90px;
}
#caja1-2{
height: 120px;
width: 120px;
}
#caja1{
height: 120px;
width: 120px;
}
#caja1-2:before{
height: 120px;
width: 120px;
}




#caja2-2{
height: 120px;
width: 120px;
}
#caja2{
height: 120px;
width: 120px;
}
#caja2-2:before{
height: 120px;
width: 120px;
}







#caja3-2{
height: 120px;
width: 120px;
}
#caja3{
height: 120px;
width: 120px;
}
#caja3-2:before{
height: 120px;
width: 120px;
}





#caja4-2{
height: 120px;
width: 120px;


}
#caja4{
height: 120px;
width: 120px;

}
#caja4-2:before{
height: 120px;
width: 120px;
}







#caja5-2{
height: 120px;
width: 120px;
}

#caja5{
height: 120px;
width: 120px;
}
#caja5-2:before{
height: 120px;
width: 120px;
}




#caja6-2{
height: 120px;
width: 120px;
}
#caja6{
height: 120px;
width: 120px;
}
#caja6-2:before{
height: 120px;
width: 120px;
}




#caja7-2{
height: 120px;
width: 120px;
}
#caja7{
height: 120px;
width: 120px;}
#caja7-2:before{
height: 120px;
width: 120px;
}





#caja8-2{
height: 120px;
width: 120px;
}
#caja8{
height: 120px;
width: 120px;
}
#caja8-2:before{
  height: 120px;
width: 120px;
}
#cajas{
  margin-left: 0px;
}
#cajas2{
   margin-left: 0px;
}
.nodeco{
}

}
/* 850 ----------------------------------------------------------------------------------*/
@media(max-width: 850px){

#h3estudio{
margin-left: -10px;
}

#movimiento-logo{

margin-top:0px;
margin-left: -10px;
}
#img{
height: 60px;
width: 120px;
margin-left: 5px;
}
#logo3{
  height: 70px;
  width: 70px;

}
      #area2{
  margin-left: 150px;
}

#img3{
  margin-left: -150px;
}
#pcon{
  display: none;
}
#fondoimg{
  margin-left: -110px;
}
#img4{
  margin-left: 270px;
}
#img2{
  margin-left: 270px;
}
#area{
  margin-left: -50px;
}
#caja1-2{
height: 100px;
width: 100px;
}
#caja1{
height: 100px;
width: 100px;
}
#caja1-2:before{
  height: 100px;
width: 100px;


}




#caja2-2{
  height: 100px;
width: 100px;
}
#caja2{
height: 100px;
width: 100px;
}
#caja2-2:before{
  height: 100px;
width: 100px;


}







#caja3-2{
  height: 100px;
width: 100px;
}
#caja3{
height: 100px;
width: 100px;
}
#caja3-2:before{
  height: 100px;
width: 100px;


}





#caja4-2{
  height: 100px;
width: 100px;
}
#caja4{
height: 100px;
width: 100px;
}
#caja4-2:before{
  height: 100px;
width: 100px;


}







#caja5-2{
  height: 100px;
width: 100px;
}

#caja5{
height: 100px;
width: 100px;
}
#caja5-2:before{
  height: 100px;
width: 100px;


}




#caja6-2{
  height: 100px;
width: 100px;
}
#caja6{
height: 100px;
width: 100px;
}
#caja6-2:before{
  height: 100px;
width: 100px;


}




#caja7-2{
  height: 100px;
width: 100px;
}
#caja7{
height: 100px;
width: 100px;
}
#caja7-2:before{
  height: 100px;
width: 100px;


}





#caja8-2{
  height: 100px;
width: 100px;
}
#caja8{
height: 100px;
width: 100px;
}
#caja8-2:before{
  height: 100px;
width: 100px;


}
  #head-line{
    font-size: 13px;
  }
}
/* tamaño 768 -----------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width: 768px){
#fir{
  margin-left: 10px;
}
#na{
  margin-left: -0px;
}
#icontelefono{
  margin-left: -60px;
  font-size: 10px;

}

#area2{
  margin-left: 150px;
}
  #corr ul{
  width: 300px;
  list-style: none;
}
  #corr #q h6{
  letter-spacing: 0.3em;
    background-color:rgba(52, 73, 94, 0.8);
    padding: 20px;
    color: #c7d2db;
    border:1px solid  #121112;
}
  #movimiento-logo{
margin-top:0px;
margin-left: 0px;
}
#img{
height: 60px;
width: 120px;
margin-left: 5px;
}
#logo3{
  height: 70px;
  width: 70px;

}
  #img4{
   height: 100px;
  width: 170px;
  margin-left: 30vw;
  position: absolute;
  margin-bottom: -100px;
  margin-top: 50px;
}

  #img3{
    height: 30px;
  width: 50px;
  margin-left: -147px;
  margin-top: -480px;
  position: absolute;
  z-index: 120;
}
#img2{
  height: 100px;
  width: 170px;
  margin-left: 35vw;
  margin-bottom: 100px;

}

#fondoimg{
  margin-top: -35px;
  width: 350px;
  height: 200px;
opacity: 0.8;
margin-left: -50px;

}

.menu{
 display: block;
 margin-left: -110px;
 width: 310px;
}
.menu ul li{
margin-right: 20px;

}
.menu ul li a{
  font-size: 10px;
}

.teamName{
  height: 50px;
  width: 768px;
}


 #area{
  margin-left:-80px;

 }
#abogador2{
  width: 150px;
  height: 150px;
}
#abogadoor{
  width: 150px;
  height: 150px;
}
#papa{
  width: 150px;
  height: 150px;
}

#socio1{
margin-left:40px;
font-family: 'Yrsa', serif;
font-size: 20px;
color:white;
}
#socio2{
margin-left:35px;
font-family: 'Yrsa', serif;
font-size: 20px;
color: white  ;
}
#titular{
margin-left:35px;
font-family: 'Yrsa', serif;
font-size: 20px;
color: white ;
}




#carlos{
  margin-left: 10px;
  font-family: 'Yrsa', serif;
  font-size: 17px;
  color: #A6ACAF
}
#carlosa{
  font-family: 'Yrsa', serif;
  font-size: 17px;
  color: #A6ACAF;

}
#Ignacio{
    font-family: 'Yrsa', serif;
  font-size: 17px;
  color: #A6ACAF;
}

#clientes1{
  height:150px;
  width: 150px;
}

#negroFinal{
  height: 600px;
  padding: 20px;
}

#cajas{
  margin-left: 50px;
}
#cajas2{
  margin-left: 50px;
}
#rr{
  height: 600px;
  width: 100vw;
  background-size: 120% 120%;

}


#caja1-2{
height: 100px;
width: 100px;
}
#caja1{
height: 100px;
width: 100px;
}
#caja1-2:before{
  height: 100px;
width: 100px;


}




#caja2-2{
  height: 100px;
width: 100px;
}
#caja2{
height: 100px;
width: 100px;
}
#caja2-2:before{
  height: 100px;
width: 100px;


}







#caja3-2{
  height: 100px;
width: 100px;
}
#caja3{
height: 100px;
width: 100px;
}
#caja3-2:before{
  height: 100px;
width: 100px;


}





#caja4-2{
  height: 100px;
width: 100px;
}
#caja4{
height: 100px;
width: 100px;
}
#caja4-2:before{
  height: 100px;
width: 100px;


}







#caja5-2{
  height: 100px;
width: 100px;
}

#caja5{
height: 100px;
width: 100px;
}
#caja5-2:before{
  height: 100px;
width: 100px;


}




#caja6-2{
  height: 100px;
width: 100px;
}
#caja6{
height: 100px;
width: 100px;
}
#caja6-2:before{
  height: 100px;
width: 100px;


}




#caja7-2{
  height: 100px;
width: 100px;
}
#caja7{
height: 100px;
width: 100px;
}
#caja7-2:before{
  height: 100px;
width: 100px;


}





#caja8-2{
  height: 100px;
width: 100px;
}
#caja8{
height: 100px;
width: 100px;
}
#caja8-2:before{
  height: 100px;
width: 100px;


}


#col1{
margin-left: -60px;
}


#fondo2{
  background-size: 100% 100%;
}
#mapa1{
  background-color: rgba(52, 73, 94  ,0.5);

  padding-top: 30px;
  font-size: 15px;

}
#tamanofondo{
  height: 200px;  
}

#cartera{
  font-size: 30px;
}

#h3estudio{
  margin-left: 3%;letter-spacing: 0.20em;
}
#footer{
margin-left: -30px;
}
#footer2{
  margin-left: -20px;
}

#footer3{
    margin-left: 20px;
}

#head-line{
  font-size: 13px;
}

}










/* 731--------------------------------------------------------------------------------------------------------------------------------------*/

@media(max-width: 731px){
  #img4{
    margin-left: 150px;
  }
  #cartera{
    margin-left: 20px;
  }
#area{
  margin-left: -30px;
}
#img2{
  margin-left: 150px;
}
#cajas{
  margin-left: -60px;
}
#cajas2{
  margin-left: -60px;
}
#movimiento-logo{
  margin-left: -25px;
}
#fir{
  margin-left: -30px;
}
#na{
  margin-left: -20px;
}
#area2{
  margin-left: 80px;
}
#corr ul{
  margin-left: -50px;
  width: 250px;
  height: 190px;
padding-right: 10px;
padding-top: 20px;
}
#corr ul li{
padding-bottom:50px;
}
#clientes1{
  height:110px;
  width: 110px;

}
#carro{
  width:130px;
}

}


















/* tamaño 425-------------------------------------------------------------------------------------------------------------------------------*/









@media (max-width: 425px){
  #clientes1{
  height:110px;
  width: 110px;

}
#carro{
  width:100%;
}

 #area2{
  margin-left: -20px;
}

#fondoimg{
  margin-top: -20px;
  width: 350px;
  height: 200px;
opacity: 0.8;
margin-left: -100px;

}

#imgcelu{
  height: 200px;
  width: 150px;
  position: relative;


}
#original{
  height: 500px;
  width: 400px;
}
#celualar{

margin-top: 200px;
height: 500px;
width: 400px;
margin-left: -110px;
}

#gmail{
margin-top: 30px;
position: absolute;
height: 25px;
width: 25px;
margin-left: -90px;
}

#gmail:hover{
filter: saturate(180%)
}


#telefonoi{
 
margin-top: 75px;

position: absolute;
height: 25px;
width: 25px;
margin-left: -90px;

}

#telefonoi:hover{
filter: saturate(200%)
}


#mapas{
margin-top: 120px;
position: absolute;

justify-content: flex-end;
margin-left: -90px;
height: 25px;
width: 25px;
}

#mapas:hover{
filter: saturate(180%)
}
.teamName{
  width: 425px;
}
.menu{
  display: none;
}

#na2{
  margin-left: -20px;
  max-width:100%;
  padding-top: 50px;
   border-bottom: 1px solid #34495E;
}
#na{
  margin-left: -20px;
  max-width:100%;
  border-bottom: 1px solid #34495E;
}
#na3{
  margin-left: -20px;
 max-width: 100%;
   padding-top: 50px;

}


#abogador2{
  width: 150px;
  height: 150px;
  
}
#abogadoor{
  width: 150px;
  height: 150px;

}
#papa{
  width: 150px;
  height: 150px;
  
}

#socio1{
margin-left:40px;
font-family: 'Yrsa', serif;
font-size: 20px;
color:white;
}
#socio2{
margin-left:35px;
font-family: 'Yrsa', serif;
font-size: 20px;
color: white  ;
}
#titular{
margin-left:35px;
font-family: 'Yrsa', serif;
font-size: 20px;
color: white ;
}




#carlos{
  margin-left: 10px;
  font-family: 'Yrsa', serif;
  font-size: 17px;
  color: #A6ACAF;

}
#carlosa{
  font-family: 'Yrsa', serif;
  font-size: 17px;
  color: #A6ACAF;

}
#Ignacio{
    font-family: 'Yrsa', serif;
  font-size: 17px;
  color: #A6ACAF;
}

#clientes1{
  height:150px;
  width: 150px;
}

#negroFinal{
  height: 600px;
  padding: 20px;
}

#cajas{
  margin-left: -0px;
}
#cajas2{
  margin-left:-10px;
}
#img{
  margin-left: -32px;
}

 #rr{
height: 500px;
width: 100vw;
background-size: 120% 120%;

}


#caja1-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja1{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja1-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;
}

#caja2-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja2-2:before{
height: 200px;
width: 250px;
border-radius: 5%;
}
#caja3-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja3{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja3-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;
}


#caja4-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja4{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja4-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;
}

#caja5-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}

#caja5{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja5-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;
}

#caja6-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja6{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja6-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;

}

#caja7-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja7{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja7-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;
}

#caja8-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja8{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja8-2:before{
  height: 200px;
width: 250px;

border-radius: 5%;
}

#col1{
margin-left: -0px;
}

#fondo2{
  background-size: 460px 100%;
}
#mapa1{
  background-color: rgba(52, 73, 94  ,0.5);
  padding-top: 30px;
}
#tamanofondo{
  height: 200px; 
  width: 425px; 
}
#h3estudio{
  margin-left: 3%;letter-spacing: 0.20em;
}
#footer{
margin-left: -30px;
}
#footer2{
  margin-left: -20px;
}

#footer3{
    margin-left: 20px;
}

#head-line{
 font-size: 20px;
 margin-top: 40px;
}
#socio-line{
  display: inline;
}
#fir{
  margin-left: -10px;
  font-size: 10px;
  
}
#clientes1{
  margin-left: 100px;
}
#ul3{
  display: none;
}
#negroFinal{
  height: 400px;
}
#mapa1{
  display: none;

}
.mapa{
overflow: hidden; height: 400px;width: 425px;border: 5px solid white;margin-left:-35px;
margin-top: -80px;
}
#footer3{
  display: none;
}

#footer2{
  margin-left: 40px;
}
#footer{
  margin-left: 0px;
}

.section-black,
.section-white {
  padding: 100px 0;
  line-height: 1.7;
}

#iconfae{
  display: none;
}
#icontelefono{
  color: white;
  font-size: 10px;
}
#iconemail{
font-size: 100px;
display: none;
}
#clientes1{
  margin-left: 100px;
}

#corr{
max-width: 100%;
margin-left: -50px;
}
#corr ul{
  width: 500px;
  margin-left: -60px;
}
#corr #q{
  width:250px;
  padding-top: 10px;
}
#corr li{
  width: 250px;
}
#corr ul{
  width: 300px;
  list-style: none;
}

#corr #q h6{
  letter-spacing: 0.3em;
    background-color:rgba(52, 73, 94, 0.8);
    padding: 20px;
    color: #c7d2db;
    border:1px solid  #121112;
}
#corr #q p{
  margin-left: 40px;
}
#img4{
  margin-left: 30px;
}
#h3estudio{
  width: 300px;
  margin-left: -20px;
}
#movimiento-logo{
margin-top:0px;
margin-left: -35px;
}
#img{
height: 60px;
width: 120px;
margin-left: 5px;
}
#logo3{
height: 70px;
width: 70px;
}

 #area{
  margin-left: -30px;
 }
 #img3{
  margin-left: -110px;
  margin-top: -490px;
 }
 #img2{
  margin-left: 110px;
 }
 #cartera{
  margin-left: -40px;
 }
}



/*------------------------ 411 ---------------------------------------------------------------------------------------------*/
@media(max-width: 411px){
  .mapa{
    width: 411px;
  }
  .teamName{
    width: 411px;
  }
  #footer{
    margin-left: -5px;
  }
  #footer2 p{
    margin-left: -5px;
  }
  #corr #q h6{
    margin-left: 50px;
    letter-spacing: 0.1em;
  }
  #corr #q p{
    margin-left: 70px;
  }
  #area{
    margin-left: -50px;
  }
}

/* ---------------- 421 --------------------------------------------------------------------------------------------------*/
@media(max-width: 421px){
#corr #q h6{
  margin-left: 40px;
}
#na{
margin-left: -20px;
}
#na{
margin-left: -20px;
}
#na{
margin-left: -20px;
}
.mapa{
  width: 414px;
}
#footer2 p {
  margin-left: -10px;
}
#footer2 h5 {
  margin-left: -10px;
}

}


/* tamaño 375 ------------------------------------------------------------------------------------------------------------->*/
 


@media(max-width:375px){


#icontelefono{
  margin-left: 20px;
}
  #area2{
  margin-left: -40px;
}
  #fondoimg{
  margin-top: -20px;
  width: 350px;
  height: 200px;
opacity: 0.8;
margin-left: -100px;

}

  html{
  width: 100vw;
}
.teamName{
  width: 375px;
}
.nodeco{
 
}
.menu{
  display: none;
}

#na2{
  margin-left: -20px;
  max-width:100%;
  padding-top: 50px;
   border-bottom: 1px solid #34495E;
}
#na{
  margin-left: -20px;
  max-width:100%;
  border-bottom: 1px solid #34495E;
}
#na3{
  margin-left: -20px;
 max-width: 100%;
   padding-top: 50px;

}

#area{
  margin-left: -0px;

}
#abogador2{
  width: 150px;
  height: 150px;
  
}
#abogadoor{
  width: 150px;
  height: 150px;

}
#papa{
  width: 150px;
  height: 150px;
  
}

#socio1{
margin-left:40px;
font-family: 'Yrsa', serif;
font-size: 20px;
color:white;
}
#socio2{
margin-left:35px;
font-family: 'Yrsa', serif;
font-size: 20px;
color: white  ;
}
#titular{
margin-left:35px;
font-family: 'Yrsa', serif;
font-size: 20px;
color: white ;
}




#carlos{
  margin-left: 10px;
  font-family: 'Yrsa', serif;
  font-size: 17px;
  color: #A6ACAF;

}
#carlosa{
  font-family: 'Yrsa', serif;
  font-size: 17px;
  color: #A6ACAF;

}
#Ignacio{
    font-family: 'Yrsa', serif;
  font-size: 17px;
  color: #A6ACAF;
}

#clientes1{
  height:150px;
  width: 150px;
}

#negroFinal{
  height: 600px;
  padding: 20px;
}

#cajas{
  margin-left: -20px;
}
#cajas2{
  margin-left:-20px;
}
#img{
  margin-left: -32px;
}

    #rr{
  height: 500px;
  width: 100vw;
  background-size: 120% 120%;

}


#caja1-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja1{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja1-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;
}




#caja2-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja2-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;

}



#caja3-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja3{
  height: 200px;
width: 250px;
border-radius: 5%;

}
#caja3-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;
}





#caja4-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja4{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja4-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;
}







#caja5-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}

#caja5{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja5-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;


}




#caja6-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja6{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja6-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;

}




#caja7-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja7{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja7-2:before{
  height: 200px;
width: 250px;
border-radius: 5%;
}





#caja8-2{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja8{
  height: 200px;
width: 250px;
border-radius: 5%;
}
#caja8-2:before{
  height: 200px;
width: 250px;

border-radius: 5%;
}


#col1{
margin-left: -20px;
}


#fondo2{
  background-size: 460px 100%;
}
#mapa1{
  background-color: rgba(52, 73, 94  ,0.5);

  padding-top: 30px;

}
#tamanofondo{
  height: 200px; 
  width: 425px; 
}

#cartera{
  font-size: 20px;
  margin-left: 10px;
}

#h3estudio{
  margin-left: 3%;letter-spacing: 0.20em;
}
#footer{
margin-left: -30px;
}
#footer2{
  margin-left: -20px;
}

#footer3{
    margin-left: 20px;
}

#head-line{
 font-size: 20px;
 margin-top: 40px;
}
#socio-line{
  display: inline;
}
#fir{
  margin-left: -25px;
  font-size: 10px;
  
}
#clientes1{
  margin-left: 100px;
}
#ul3{
  display: none;
}
#negroFinal{
  height: 400px;
}
#mapa1{
  display: none;

}
.mapa{
overflow: hidden; height: 400px;width: 370px;border: 5px solid white;margin-left:-35px;
margin-top: -80px;
}
#footer3{
  display: none;
}

#footer2{
  margin-left: 40px;
  max-width: 100vw;
}
#footer{
 margin-left: 40px;

}





.section-black,
.section-white {
  padding: 100px 0;
  
  line-height: 1.7;
}

#iconfae{
  display: none;
}
#icontelefono{
  color: white;
  font-size: 10px;
  
}
#iconemail{
font-size: 100px;
display: none;

}

#original{
  width: 300px;
}


#clientes1{
  margin-left: 100px;
}
#cartera{
  margin-left: -10px;
}
#corr{
max-width: 100%;
margin-left: -50px;
}
#corr ul{
  width: 500px;
  margin-left: -60px;
}
#corr #q{
  width:250px;

 
  padding-top: 10px;
}
#corr li{
  width: 250px;
}
#corr ul{
  width: 300px;
  list-style: none;
}

#corr #q h6{
  letter-spacing: 0.3em;
    background-color:rgba(52, 73, 94, 0.8);
    padding: 20px;
    color: #c7d2db;
    border:1px solid  #121112;
}
#corr #q p{
  margin-left: 40px;
}
#img4{
  margin-left: 30px;
}
#h3estudio{
  width: 300px;
  margin-left: -20px;
}
#movimiento-logo{
margin-top:0px;
margin-left: -140px;
}
#img{
height: 60px;
width: 120px;
margin-left: 5px;
}
#logo3{
  height: 70px;
  width: 70px;

}

 #area{
  margin-left: -30px;
  display: inline;
 }
 #img3{
  margin-left: -110px;
  margin-top: -490px;
 }
 #img2{
  margin-left: 90px;
 }
#cont-ser{
margin-left: 80px;
}
}
/*----------------------- 384 ------------------------------------------------*/
@media(max-width: 384px){
.teamName{
 width: 384px;
}
.mapa{
width: 384px;
}
#footer h5{
  font-size: 12px;
}
#footer2 h5{
  font-size: 12px;
}
#footer p{
font-size: 11px;
}
#footer2 p{
font-size: 11px;
}
}

/* 360 --------------------------------------------------------------------------------------------------------------------------------------*/

@media(max-width: 360px){
.teamName{
  width: 360px;
}
.mapa{
  width: 360px;
}
}
/* 320 ---------------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 320px){
#area2{
  margin-left: -60px;
}
.mapa{
  width: 320px;
}
.teamName{
width: 320px;
}
#img4{
  margin-left: -0px;
}
#h3estudio{
margin-left: -20px;
font-size: 20px;
}

#cajap p{
  font-size: 13px;
  margin-left: -20px;
}

#abogador2{
margin-left: -30px;
}
#carlos{
  margin-left: 0px;
}
#socio2{
margin-left: 15px;

}

#abogadoor{
margin-left: -30px;
}
#ignacio{
  margin-left: 0px;

}
#socio1{
margin-left: 15px;

}

#papa{
margin-left: -30px;
}
#carlosa{
  margin-left: 0px;
}
#titular{
margin-left: 15px;

}
#fir{
  margin-left: -50px;
}

#cajas{
  margin-left: -55px;
}
#cajas2{
  margin-left: -55px;
}
#img2{
  margin-left: 60px;
}
#cont-ser{
margin-left: 30px;
}
 #area{
  margin-left: -20px;

 }
 #img3{
  margin-left: -110px;
  margin-top: -490px;
 }
#movimiento-logo{
margin-top:0px;
margin-left: -140px;
}
#img{
height: 60px;
width: 120px;
margin-left: 5px;
}
#logo3{
  height: 70px;
  width: 70px;

}
#clientes1{
  margin-left: 50px;
}
#cartera{
  margin-left: -10px;
}
#corr{
max-width: 100%;
margin-left: -50px;
}
#corr ul{
  width: 500px;
  margin-left: -60px;
}
#corr #q{
  width:250px;
}
#corr li{
  width: 250px;
}
#corr ul{
  width: 300px;
}
#h3estudio{
  width: 200px;
  margin-left: -20px;
}
#icontelefono{
  margin-left: -25px;
}
#iconface{
  display: none;
}
#iconemail{
  display: none;
}
#iconubicacion{
  display: none;
}
#corr #q h6{
  margin-left: -20px;
}

#footer2{
  margin-left: 5px;
}
#footer{
  margin-left: 5px;
}


}