body {
    overflow-x: hidden;
    font-family:Raleway;
    background:#eacece;
    font-family:Raleway;
    background:url(../img/6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}
*{
    margin: 0;
    padding: 0;

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

.Pie {
    background: #68c74c;
    color: #FFF;
    padding: 27px;
    padding-bottom: 8px;
    width:100%;
}

p {
    padding:10px;
}

.fotos{
    margin-left: 0px
    z-index:0;
}
.inicio{
    background: #FFF;
    padding: 0px;
    margin-top: 5%;
    margin-bottom: 5%;
}
.vacio{
    width: 100%;
    height: 600px;
}
.container-fluid{
    background: #FFF;
    color:#FFF;
    padding:15px;
}
#bs-example-navbar-collapse-1{
   background: #fff;
}

@media screen and (min-width:241px) and (max-width:768px)
{
        .vacio{
	width: 100%;
	height: 300px;
        }

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

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