.albumsinfo {

	border-width: 0px;
	display: block;
    width: 100%;
    height: auto;
}

.imagecontainer {
  position: relative;
  width: 100%;
  max-width: 400px;
  font-size: x-large;
}


@media screen and (min-width: 960px) { 
	.videocontainer {
		
		position: relative;
		height: 410px;
		width: 520px;
		padding-bottom: 0;
		font-size: x-large;
	}
}

@media screen and (max-width: 960px) and (min-width: 540px) { 
	.videocontainer {
		
		position: relative;
		height: 500px;
		width: 634px;
		padding-bottom: 0;
		font-size: x-large;
	}
}

@media screen and (max-width: 540px) and (min-width:360px) { 
	.videocontainer {
		
		position: relative;
		height: 300px;
		width: 380px;
		padding-bottom: 0;
		font-size: large;
	}
}


@media screen and (max-width: 360px) and (min-width:240px) { 
	.videocontainer {
		
		position: relative;
		height: 236px;
		width: 330px;
		padding-bottom: 0;
		font-size: medium;
	}
}

@media screen and (max-width: 240px) and (min-width: 90px) { 
	.videocontainer {
		
		position: relative;
		height: 190px;
		width: 240px;
		padding-bottom: 0;
		font-size: medium;
	}
}


.videocontainer iframe{
    width:100%;
	height: 100%;
}


.videocontainer  .infos {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: left;
}

.plusinfo {

	border-width: 0px;
	display: block;
    width: 100%;
    height: auto;
}