@media only screen and (max-width: 499px) {
	html, body, button {
		font-size: 3vw; 
	}
	
	.myitemmenu {
	  font-size: 4vw;
	}

}

@media only screen and (min-width: 500px) {
	html, body, button {
		font-size: 15px;  
	}
	
	.myitemmenu {
	    font-size: 20px;
	}

}


html, body, button {
    font-family: Verdana,sans-serif;
    line-height: 1.5;
}

body  {
	background: #000000;
	color: #FFFFFF;
}


.myrow::after {
  content: "";
  clear: both;
  display: block; 
}

[class*="mycol-"] {
  float: left;
}

.maintitle {
	margin-bottom: 20px;
}

.myitemmenu {
  text-decoration: none;
  color: #999999;

}

@media only screen and (max-width: 479px) {
	#mymail, #mycop {
		display: none;
	}

}
@media only screen and (min-width: 480px) {
	#mymail, #mycop {
		display: inherit;
	}

}


.albumtitletext {
	height: auto;
}

/* text attribute */


.lighttext {
	color: #888888;
}

.strongtext {
	font-weight: bolder;
}

.bigtext {
	font-size: x-large;
	color: #FFFFFF;
	margin: 10px;
}

.colorizedtext {
	color: #FFFFFF;
}

.colorizedtextdark {
	color: #888888;
}

.referencetext {
	color: #FFFFFF;
	text-align: right;
}


.columntext {
/*  column-width: 25em; */
  column-width: 400px;
  margin: 10px;
}

.onetext {

}

.normaltext {
  color: #FFFFFF;
}

.downloadtext {
  color: #FFFFFF;
  line-height: 1;
}

h1 {
	font-size: 17px; 
	font-weight: bolder;
}

h2 {
	font-size: 15px; 
	font-weight: bolder;
}

a:link, a:visited, a:hover, a:active {
	color:  #FFFFFF;
	text-decoration: none;
}