@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Tinos&display=swap');
/*body {background-image: url(img/web2018.jpg);
}/*

    /* Para dejar la imagen de fondo centrada, vertical y   
    horizontalmente */
    
   /* background-position: center center;
    
    /* Para que la imagen de fondo no se repita */
    
    /*background-repeat: no-repeat;
    
    /* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */
    
    /*background-attachment: fixed;
    
    /* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador 
    
  /*  background-size: cover;*/


  .fondo{
    background-image: url("img/portada.jpg");
    padding:0 ;
    margin:0;
    height: 100vh;
    background-size: cover;
    background-position: cover;
    }
  
  
    html, body {
      max-width: 100%;
      overflow-x: hidden;
  }
  
  


  H1  {text-align:center;
  color:white!important;
  font-family: 'Roboto', sans-serif;
  text-shadow:2px 2px black


}

.text{font-family: 'Caveat', cursive; font-size: 40px; color:#999}
.text2{font-family: 'Tinos', serif; font-size: 20px; color: #999;}

.text3{font-size:17px!important;font-family: 'Caveat', cursive;  color:#999; line-height: 18px;}



 h6{color:white!important;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
}
  

  .bg-dark{
    transition: all 0.3s ease;
  }

 #icoservicio{font-size: 15px;
  }

 #marg {margin-left:10%}

 nav ul li a {

  color: white !important;
  margin-left:15px !important;
  font-size: 15px;
  

}





#servicios2{
  margin-top: 20px; /* para separarlo un poco de arriba y de abajo */
  margin-bottom: 20px;
}
.icon-container{
  width: 50%;
  margin-left: auto; /* poniendo margin-left y margin-right en auto a un elemento lo centra horizontalmente en el espacio disponible*/
  margin-right: auto;
}
#servicios2 p{
  text-align: center; /* alinear el texto centrado*/
  width: 90%; /* para que no quede tan pegadito */
}
.second-row{
  margin-top: 30px; /* para agregarle un poco de espaciado entre las dos filas de iconos de servicios*/
}





.header{
  box-shadow: none
}

#bien {margin-top:56px; margin-left:0%; 
  background-color: aquamarine;
  }


    
  @media (max-width: 800px){

img #icoradius{margin-left:900px}

#icoservicio{font-size: 15px;}

    .icon-bar {
      background-color: white;
      }
      .navbar-toggle{
      background-color: #DAD8D8;
    }
      .navbar{
      background-color: black;
    }

    .menu-toggle {
      background: #999;
    }
    .navbar-toggle{
      background-color: #DAD8D8 !important;

    }

    #foto {width: 100%;
            margin-left:0%!important;
    
    
    }



  }