// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
	#divPicture {
		display:none;
	}
	#divLogo {
		width:100%;
	}
	#divLogo img {
		width:90%;
	}
	#divMusic {
		width:90%;
		font-size:
	}
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) {
	#divPicture
	#divLogo
	#divMusic
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) {
	#divPicture
	#divLogo
	#divMusic
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) {
	#divPicture
	#divLogo
	#divMusic
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
	#divPicture
	#divLogo
	#divMusic
}



.SkillList {
	color:#ffffff;
}
.SkillList li {
	float:left;
	margin-right: 22px;
}
.Title {
  color:#000000;
  font-weight:bold;
}
body {
	background-color:#ffffff;
	background-image:url("/Images/bg2.jpg");
}
.myName {
	vertical-align:middle;
	font-size:40pt;
}
.DarkBlueBackground
{
	background-color:#000040;
}
.PurpleBackground
{
	background-color:#8080c0;
}
.inline-block
{
	display:inline-block;
}

#divWarning {
  position: absolute;
  left:400px;
  top:100px;
  display: none;
}
#divComment {
  position: absolute;
  left:400px;
  top:500px;
  width:300px;
  display: none;
  background-color:#ffffff;
  font-size:16pt;
  font-family: verdana;
}