@CHARSET "UTF-8";

body {
	background-image: url("../images/small_steps.png");
	background-attachment: fixed;
}

.thumbnail {
	margin: 10px;
}

.logo {
    position: absolute;
    top: 0;
    /*right: 0;*/
    left: 0;
    z-index: 20;
	width: 110px;
}

div.contenedor {
	background-color: rgba(0,0,0,0.1);
	margin: 15px auto 15px auto;
	border-radius: 10px;
	padding-top: 15px;
}

#somos {
	margin: 50px 75px 50px 75px;
}

#img-nosotros {
	text-align: center;
}

.row {
	padding: 35px 75px 35px 95px;
}

footer {
	text-align: center;
}

iframe {
        width: 100%;
        height: 350px;
        border-top: 4px solid white;
        border-right: 4px solid white;
        border-bottom: 4px solid white;
        border-left: 4px solid white;
}

.menu {
        padding-left: 150px;
}

@media screen and (max-width: 900px) {
	.logo {
	    position: absolute;
	    top: 47px;
	    right: 0;
	    left: 10;
	    z-index: 20;
		width: 75px;
	}

	.row {
		text-align: center;
		padding: 35px 15px 35px 15px;
	}

	div.contenedor {
		background-color: rgba(0,0,0,0.1);
		margin: 15px 15px 15px 15px;
		border-radius: 10px;
		padding-top: 15px;
	}

        #somos {
	       margin: 30px auto 30px auto;
        }

        #img-nosotros > img {
	       width: 250px;
        }
}