.coolshadow{
box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
-webkit-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
}


body{
	padding-top: unset;
}

@media (max-width: 992px) {
  .navbar{
    background-color: white;
  }
}

.listofplaylists a:hover{
	color: unset;
}

a{
	color: unset;
}

.bluebutton, .bluebutton:hover{
	background-color: #005c97 !important;
	border-color: #005c97 !important;
}

.grayheadline{
	color: #3d3d3d !important;
}

.py-5 .custom {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

  #mobileimage {
    display: none;
  }
  #desktopimage{
  	display: block;
  }

@media only screen and (max-width: 992px) {
  #mobileimage {
    display: block;
  }
  #desktopimage{
  	display: none;
  }
}

#hero{
  background: url(/verselocker/collections/img/banner-4.png) no-repeat; background-size: 100% 80%
}

#about{
  background: url(/verselocker/collections/img/service-bg.svg) no-repeat; background-size: cover
}

.licenseinfo{
  text-align: center;
    border-radius: 10px;
    padding: 4px;
    background-color: #949494;
    color: white;
}