/**********------------*************/
/********** Typography *************/
/**********------------*************/



@font-face {
 font-family: Raleway; 
 src: url('quellen/fonts/Raleway-VariableFont_wght.ttf') 
           format('truetype');
}

@font-face {
 font-family: Bebas ; 
 src:url('quellen/fonts/BebasNeue-Regular.ttf') 
           format('truetype');
}


h1, h2, h3, h4, h5, h6 {
	color: #111;
	font-family: 'Bebas', sans-serif; 
	font-weight: 700; 
	text-transform: uppercase;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
	font-weight: inherit; 
}



h1 {font-size: 60px; line-height: 64px;}
h2 {font-size: 48px; line-height: 52px;}
h3 {font-size: 36px; line-height: 40px;}
h4 {font-size: 24px; line-height: 28px;}
h5 {font-size: 22px; line-height: 26px;}
h6 {font-size: 20px; line-height: 24px;}

p { 
	color: #111; 
	font-family: 'Raleway', sans-serif; 
	font-size: 24px; 
	line-height: 32px; 
	margin: 0 0 48px; 
}


a { 
	font-size: 22px;
	line-height: 28px;
	font-family: 'Raleway', sans-serif; 
	color: #111; 
	text-decoration: underline; 
	text-transform: uppercase;	
}

a:hover{ 
	text-decoration: underline;
	font-weight: 600; 
}

.instagram-a{
	font-family: 'Raleway', sans-serif; 
	font-size: 16px;
	line-height: 20px;
	text-align: left;
}

.instagram-a:hover{
	text-decoration: underline;
	font-weight: normal; 
}


ul{
	list-style: none;
	padding: 0px;	
}

li{
	font-family: 'Raleway', sans-serif; 
	color: #111; 
	font-size: 24px;
	text-transform: uppercase;
}

.footer li a{
	font-size: 18px;;
}

.footer li {
	font-size: 18px;;
}

label{
	font-family: 'Raleway', sans-serif; 
	font-size: 24px;
	display: block;
	cursor: pointer;
	margin-top: 20px;
	text-transform: uppercase;

}

input, textarea{
	font-family: 'Raleway', sans-serif; 
	font-size: 20px;
	line-height: 28px;
	margin: 8px 0px;
	border: 1px solid #c6cbcc; 
	border-radius: 2px;
	padding: 6px 4px;
}



/* Table */

table{
	color: #111; 
	font-family: 'Raleway', sans-serif; 
}

th{
	font-size: 24px; 
	line-height: 32px; 
	margin: 0 0 48px; 
	padding-bottom: 12px;
	text-align: left;
}

td{
	font-size: 24px; 
	line-height: 30px; 
	margin: 0 0 48px; 

}

.header-headline{
	font-size: 60px;
	line-height: 64px;
	height: 18px;
	display: inline-block;
}

.header-subline{
	font-size: 18px;
	line-height: 18px;
}

.menu-list a{
	text-decoration: none; 

}

/**********---------------*************/
/********** MEDIA QUERIES *************/
/**********---------------*************/

/*   Medium Devices, Desktops   */
/*           GREY			    */
@media only screen and (max-width : 1280px) {
	h1 {font-size: 56px; line-height: 60px;}
	h2 {font-size: 46px; line-height: 50px;}
	h3 {font-size: 36px; line-height: 40px;}
	h4 {font-size: 28px; line-height: 32px;}
	h5 {font-size: 22px; line-height: 26px;}
	h6 {font-size: 20px; line-height: 24px;}

	p, a, li { 
		font-size: 20px; 
		line-height: 26px; 
	}

	label{
		font-size: 20px;
		margin-top: 20px;
	}

	input, textarea{
		margin: 8px 0px;
		padding: 6px 4px;
	}

	th{
		font-size: 22px; 
		margin: 0 0 42px; 
		padding-bottom: 10px;
	}

	td{
		font-size: 20px; 
		margin: 0 0 42px; 

	}

	.header-headline{
		font-size: 60px;
		line-height: 72px;
		height: 18px;
	}

	.header-subline{
		font-size: 18px;
		line-height: 18px;
	}

	.instagram-a{
		font-family: 'Open Sans', sans-serif; 
		font-size: 14px;
		line-height: 20px;
		text-align: left;
	}


}


/*   Medium Devices, Desktops   */
/*         YELLOW			    */
@media only screen and (max-width : 992px) {
	

}



/*     Small Devices, Tablets      */
/*           MAGENTA		       */
@media only screen and (max-width : 768px) {


	h1 {font-size: 46px; line-height: 50px;}
	h2 {font-size: 36px; line-height: 40px;}
	h3 {font-size: 24px; line-height: 26px;}
	h4 {font-size: 22px; line-height: 24px;}
	h5 {font-size: 20px; line-height: 24px;}
	h6 {font-size: 18px; line-height: 22px;}

	p, a, li { 
		font-size: 18px; 
		line-height: 22px; 
	}

	label{
		font-size: 20px;
		line-height: 26px;
		margin-top: 20px;
	}

	input, textarea{
		margin: 8px 0px;
		padding: 6px 4px;
	}

	th{
		font-size: 20px; 
		line-height: 32px; 
		margin: 0 0 42px; 
		padding-bottom: 10px;
	}

	td{
		font-size: 18px; 
		line-height: 24px; 
		margin: 0 0 42px; 

	}

	.header-headline{
		font-size: 44px;
		line-height: 50px;
		height: 18px;
	}

	.header-subline{
		font-size: 18px;
		line-height: 18px;
	}

}

/*    Extra Small Devices, Phones   */ 
/*               CYAN               */
@media only screen and (max-width : 480px) {


	h1 {font-size: 36px; line-height: 40px;}
	h2 {font-size: 28px; line-height: 30px;}
	h3 {font-size: 24px; line-height: 28px;}
	h4 {font-size: 22px; line-height: 26px;}
	h5 {font-size: 20px; line-height: 24px;}
	h6 {font-size: 18px; line-height: 22px;}

	p, a, li { 
		font-size: 16px; 
	}

	label{
		font-size: 16px;
		margin-top: 20px;
	}

	input, textarea{
		margin: 8px 0px;
		padding: 6px 4px;
	}

	th{
		font-size: 16px; 
		margin: 0 0 32px; 
		padding-bottom: 8px;
	}

	td{
		font-size: 16px; 
		margin: 0 0 32px; 

	}

	.header-headline{
		font-size: 32px;
		line-height: 40px;
		height: 18px;
	}

	.header-subline{
		font-size: 12px;
		line-height: 18px;
	}


	.footer li a{
		font-size: 14px;;
	}

	.footer li {
		font-size: 14px;;
	}


}

/*   Custom, iPhone Retina   */ 
/*          BLACK            */
@media only screen and (max-width : 320px) {


	
}