/* define backgroud-color, margins/padding, font styles (color, typeface, weight)*/

/* apply to whole html*/
body {
	font-family: 'Lora', serif;
	color: #676858;
	font-weight: 300;
	height: 100%;
}

@media only screen and (max-width: 500px){ 
	p{
		/*background-color: blue;*/
		display:none;
		/*when TRUE, display: none -> the paragraph disapears*/
	}
}
@media only screen and (max-width: 500px) and (orientation: landscape){
	p {
		display: none;
	}
}

.footer, .push {
    height: 4em;
}


/*text classes*/

/*general and specific classes*/
/*
.container{
	margin: 0 auto;
	max-width: 580px;
	width: 100%;
}*/


.container{
	margin: 0 auto;
	max-width: 90%;
	width: 90%;
	font-size: 30px;
}


.text-muted {
	color: #676850;
}

.text-thin {
	/*thinner text*/
	font-weight: 100; 
}


.title-super {
	font-size: 60px;
}

.title-logo {
	margin-top: 20px;
}