*{
	margin: 0;
	padding: 0;

}
.navbar{
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 80px;
    padding-top: 15px;
    background: #FFF;
    z-index:1;
}
#bs-example-navbar-collapse-1{
   background: #fff;
}
.carousel{
	margin-bottom: 0px;
	padding-bottom: 0px;

}
body{
	background:url(../img/1.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	font-family: Raleway;
	overflow-x:hidden;
}

.vacio{
	width: 100%;
	height: 600px;
}
.contenedor{
	width: 100%;
	background-color: #FFF;
	padding: 15px;
	font-size: 15px;
	margin-top: -20px;
        z-index:0;
}

.Pie{
	background: #68c74c;
	width: 100%;
	height: 100px;
	font-size: 27px;
	padding-top: 30px;
	color: #FFF;
}
.foto{
	width: 100%;
	height: 200px;
	box-shadow:5px 5px 5px #000;
	margin-bottom: 10%;
}
.azul{
	width: 100%;
	
	color: #FFF;
	background: #21ab90;
	padding-top: 4%;
	margin-top: 4%;
	margin-bottom: 5%;
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
}
.Uno{
	background: #FFF;
	color: #000;
}
.Uno{
   margin-left: -30px;
    margin-right: -30px;
}
.inicio{
	 margin-left: -15px;
	 margin-right: -15px;
}

    .icono{
      width: 50%;
    }


@media screen and (min-width:241px) and (max-width:768px)
{

       .foto{
	width: 70%;
	height: 200px;
        margin-left: 15%;
	box-shadow:5px 5px 5px #000;
	margin-bottom: 10%;
       }
       #cambio{
         src="img/infor.jpeg";
       }
       .vacio{
	width: 100%;
	height: 250px;
        }

        body{
	background:url(../img/1.jpg);
	background-repeat: no-repeat;
	background-size: 100% 20%;
	background-attachment: fixed;
	font-family: Raleway;
	overflow-x:hidden;
}
@media screen and (min-width:640px) and (max-width:768px)
{

       .foto{
	width: 70%;
	height: 200px;
        margin-left: 15%;
	box-shadow:5px 5px 5px #000;
	margin-bottom: 10%;
       }
       #cambio{
         src="img/infor.jpeg";
       }
}