/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {

}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
	

}


/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	p{ line-height: 1.4; }

	h1{ font-size: 2.8em; line-height: 1; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }
		
	
	
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	.main-area{ position: relative; height: auto; }
	.siegel-raidboxes { max-width: 100px;}
	.siegel-erecht { max-width: 100px; }
	.siegel-hoster { max-width: 150px;}
	.logo{ width: 250px; }
	.index.main-area  { 
		position: relative;
		height: 100vh;
	}

	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	body{font-size: 12px; }
	
}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
	.logo{ width: 250px; }
	.siegel-raidboxes { max-width: 100px;}
	.siegel-erecht { max-width: 100px; }
	.siegel-hoster { max-width: 150px;}
	.main-area { position: relative; height: auto; } 
	.index.main-area  { 
		position: relative;
		height: 100vh;
	}
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
	.logo{ width: 250px; }
	.siegel-raidboxes { max-width: 100px;}
	.siegel-erecht { max-width: 100px; }
	.siegel-hoster { max-width: 150px;}
	.main-area { position: relative; height: auto; } 
	.index.main-area  { 
		position: relative;
		height: 100vh;
	}
	
}