@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');

.classWithPad { margin:25px; }

body 				{ background-image: url(img/heyhey-profile-small.jpg);
    	 			  background-size: 110%;
    				  background-repeat: no-repeat;
    				  background-color: #212121;
    				  background-attachment:fixed;
    				  font-family: Shadows Into Light, Arial; 	/* change font here */
					  font-size: 110%;
				      color: #ffffff;
				      line-height: 2.0;
				      text-align: justify;}

td					{ font-family: Shadows Into Light, Arial;   /* change font here */
					  font-size: 110%; 
					  color: #ffffff; 
					  line-height: 2.0;
					  text-align: justify;}

h2 					{ font-size: 2.0 em;}

h3 					{ font-size: 3.0 em;}  
					  

a:link				{ text-decoration: none; color: #ffffff;}
a:active			{ text-decoration: none; color: #c6456f;}
a:visited			{ text-decoration: none; color: #ffffff;}
a:hover				{ font-weight: none; color: #c6456f;}


@media only screen and (max-width: 480px) {
   	body 	{font-size: 1.0em;}
   	h1 		{font-size: 1.4em;}
	h2 		{font-size: 1.2em;}
	td 		{font-size: 1.0em;}
	.classWithPad { margin:8px; }
}



@media only screen and (max-width: 480px) {
   	body 	{font-size: 1.0em;}
   	h1 		{font-size: 1.4em;}
	h2 		{font-size: 1.2em;}
	td 		{font-size: 1.0em;}
	.classWithPad { margin:8px; }
}

/* Globale CSS-Klassen */

.row {
  width:auto;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.columns {
  float:left;
}

/* Small */
@media screen and (max-width:600px) {
  .small-1 {width: 10%;}
  .small-2 {width: 100%;}
}

/* Medium */
@media screen and (min-width:600px) and (max-width:1000px) {
  .medium-1 {width:45%;}
  .medium-2 {width:100%;}
}

/* Large */
@media screen and (min-width:1000px) {
  .large-1 {width:45%;}
  .large-2 {width:100%;}
}