@charset "UTF-8";
/* CSS Document */

/*Reseteo universal de CSS*/

* {
	margin:0;
	padding:0;
}

body {
	font-size: 100%; 
	/*equivale a 1em o a 16px*/ 
}

img {
	max-width:100%;
}


#container{
	width:90%;
	margin:auto;
	padding-top:50px;
}
	
	

#titulo{
	width:40%;
	margin:auto;
	font-family:'Oswald', sans-serif;
	text-align:center;
	margin-left:30%;
	margin-right:30%;
	font-size:24px;
	padding-top:30px;
	padding-bottom:100px;
}


#titulo2{
	width:20%;
	margin:auto;
	font-family:'Oswald', sans-serif;
	text-align:center;
	/*margin-left:40%;
	margin-right:40%;*/
	font-size:24px;
	padding-top:0px;
	padding-bottom:25px;
}



#section-yoga{
	width:20%;
	float:left;
	margin-left:20%;
}

.logo-yoga{
	width:50%;
	margin:0px auto;
    text-align:center;

}

.texto-yoga{
	width:50%;
	font-family:'Oswald', sans-serif;
	margin:0px auto;
    text-align:center;
	color: #999;
	font-size:18px;
}




#section-shiatsu{
	width:20%;
	float:left;
}

.logo-shiatsu{
	width:50%;
	margin:0px auto;
    text-align:center;
	
}

.texto-shiatsu{
	width:50%;
	font-family:'Oswald', sans-serif;
	margin:0px auto;
    text-align:center;
	color: #999;
	font-size:18px;
}


#section-tanz{
	width:20%;
	float:left;
	margin-right:20%;
}

.logo-tanz{
	width:50%;
	margin:0px auto;
    text-align:center;
	
}

.texto-tanz{
	width:50%;
	font-family:'Oswald', sans-serif;
	margin:0px auto;
    text-align:center;
	color: #999;
	font-size:18px;
}



#footer{
	width:70%;
	margin:0px auto;
	font-family:'Oswald', sans-serif;
	text-align:center;
	color: #999;
	font-size:15px;
	padding-top:150px;
	margin-top:150px;
	padding-bottom:0px;
}


#impresum{
	width:50%;
	margin:0px auto;
	font-family:'Oswald', sans-serif;
	text-align:center;
	color: #999;
	font-size:15px;
	padding-top:0px;
	margin-top:50px;
	padding-bottom:0px;
}


#titulo-impresum{
	width:40%;
	margin:auto;
	font-family:'Oswald', sans-serif;
	text-align:center;
    margin:0px auto;
	margin-right:35%;
	font-size:24px;
	padding-top:30px;
	padding-bottom:100px;
}


.texto-titulo{
	font-family:'Oswald', sans-serif;
	font-weight:700;
	margin:0px auto;
    text-align:center;
	color: #999;
	font-size:25px;
	margin-top:30px;
	margin-bottom:20px;
}

.texto-subtitulo{
	font-family:'Oswald', sans-serif;
	margin:0px auto;
    text-align:center;
	letter-spacing:1px;
	color: #999;
	font-size:15px;
	margin-bottom:10px;
}



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

#container{
	width:95%;
	margin:auto;
	padding-top:20px;
}

	
	

#titulo{
	width:100%;
	margin:auto;
	font-family:'Oswald', sans-serif;
	text-align:center;
	padding-top:0px;
	padding-bottom:15px;
}



#section-yoga{
	width:100%;
	margin-left:0px;
}

.logo-yoga{
	width:50%;
	margin:0px auto;
    text-align:center;

}

.texto-yoga{
	width:50%;
	font-family:'Oswald', sans-serif;
	margin:0px auto;
    text-align:center;
	color: #999;
	font-size:16px;
}




#section-shiatsu{
	width:100%;

}

.logo-shiatsu{
	width:50%;
	margin:0px auto;
    text-align:center;
	
}

.texto-shiatsu{
	width:50%;
	font-family:'Oswald', sans-serif;
	margin:0px auto;
    text-align:center;
	color: #999;
	font-size:16px;
}


#section-tanz{
	width:100%;
	float:left;

}

.logo-tanz{
	width:50%;
	margin:0px auto;
    text-align:center;
	
}

.texto-tanz{
	width:50%;
	font-family:'Oswald', sans-serif;
	margin:0px auto;
    text-align:center;
	color: #999;
	font-size:16px;
}



#footer{
	float: left;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	color: #999;
	font-size:15px;
	margin-top: 0px;
	padding-top:50px;
	margin-bottom:50px;
}

#impresum{
	width:90%;
	margin:0px auto;
	font-family:'Oswald', sans-serif;
	text-align:center;
	color: #999;
	font-size:15px;
	padding-top:0px;
	margin-top:50px;
	padding-bottom:0px;
}


}