.sub-interno {
  padding: 40px 0;
  font-family: din_light;
  font-size: 16px;
  line-height: 28px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

  .sub-interno #secao {
    display: inline-block;
  }

  .sub-interno #secao::after {
    content: " / ";
  }
    
    .sub-interno a {
      color: #000;
      text-decoration: none;
    }

        .sub-interno a:hover {
          color: #911417;
        }

        .sub-interno a.selected {
          font-family: din_bold;
          color: #911417;
          text-decoration: underline;
        }

		  .sub-interno .sub-item::after {
		    content: " . ";
		  }

		  .sub-interno .sub-item:last-child::after {
		    content: "";
		  }


#glide-size {
	position: absolute;
	top: 100px;
	left: 10%;
}

	#glide-size a {
		color: #000;
		text-decoration: none;
		font-size: 60px;
		line-height: 30px;
	}

	#glide-size a:hover, #glide-size a.selected {
  		font-family: din_bold;
	}


.glide {
	height: calc(100% - 160px);
	position: absolute !important;
	top: 100px !important;
	z-index: 89;
	overflow: visible;
	pointer-events: none;
} 

.glide__track, .glide__slides, .glide__slide {
	height: 100%;
	overflow: visible;
	pointer-events: none;
}

.glide__slide {
	position: relative;
	transition-duration: 0;
	transition-timing-function: ease-out;
	z-index: 80;
}

.glide__slide:hover {
	z-index: 90;
}

.card {
	position: absolute;
	top: calc(50% - 50px);
	left: 50%;
	transform: translate(-50%,-40%) scale(0.8);
	width: 100%;
	background-color: #f0ece7;
  	font-family: din_regular;
  	-webkit-box-shadow: 10px 10px 15px 10px rgba(0,0,0,0.2); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
        	box-shadow: 10px 10px 15px 10px rgba(0,0,0,0.2); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
    transition-duration: 0.6s;
    pointer-events: auto;
    opacity: 0;
    animation: 0.75s 0.75s ease-out forwards fade-in;
}

.card:hover {
	transform: translate(-50%,-40%) scale(1);
}

.card a {
	color: #000;
	text-decoration: none;
}

.card-imagem {
	width: 100%;
}

	.card-imagem img {
		width: 100%;
	}

.card-titulo {
	width: 100%;
	background-color: #f0ece7;
 	text-transform: uppercase;
}

.card-ano, .card-cta {
	display: inline-block;
	width: 50%;
	overflow: hidden;
}

.card-ano {
	background-color: #ececec;
}

.card-cta {
	background-color: #dfdcd7;
	float: right;
	text-transform: uppercase;
}

		.card.big .card-titulo {
		 	font-size: 25px;
		}

		.card.big .card-ano, .card.big .card-cta {
		 	font-size: 20px;
		}
		
		.card.big .card-titulo span, .card.big .card-ano span, .card.big .card-cta span {
			display: block;
			padding: 15px 18px;
			letter-spacing: 0.1em;
		}

		.card.small .card-titulo {
		 	font-size: 15px;
		}

		.card.small .card-ano, .card.small .card-cta {
		 	font-size: 11px;
		}

		.card.small .card-titulo span, .card.small .card-ano span, .card.small .card-cta span {
			display: block;
			padding: 10px 12px;
			letter-spacing: 0.1em;
		}

		.card-cta span {
			text-align: right;
		}






/* DETALHE DO ALBUM */

#album {
	position: relative;
	width: 80%;
	margin: 0 10% 200px;
	font-family: din_regular;
}

	#album a {
		color: #000;
		text-decoration: none;
	}

		#album a:hover {
			color: #000;
			font-family: din_bold;
		}

	#album-titulo {
		display: inline-block;
		background-color: #f0ece7;
		min-width: 100%;
		/*float: left;*/
	}

	#album-ano, #album-bt-escutar {
		display: inline-block;
		width: 15%;
		float: right;
		letter-spacing: 0.1em;
	}

	#album-ano {
		background-color: #EDEDED;
	}

	#album-bt-escutar {
		background-color: #EDE9E4;
		position: relative;
		text-align: right;
	}

	#album-imagem {
		float: left;
		width: 40%;
		max-width: 500px;
	    opacity: 0;
	    animation: 0.75s ease-out forwards fade-in;
	}

		#album-imagem img {
			width: 100%;
		}

	#album-bt-ficha, #album-bt-sobre, #album-bt-musicas {
		display: inline-block;
		width: 50%;
		float: left;
	}

	#album-bt-ficha {
		background-color: #EDEDED;
	}

	#album-bt-sobre {
		background-color: #EDE9E4;
	}

	#album-bt-musicas {
		background-color: #dfdcd7;
		display: none;
	}

		#album-titulo span {
			display: inline-block;
			padding: 20px 25px;
		 	line-height: 25px;
	 		font-size: 26px;
			text-transform: uppercase;
			letter-spacing: 0.1em;
		}

		#album-ano span, #album-bt-escutar span, #album-bt-ficha span, #album-bt-sobre span, #album-bt-musicas span {
			display: block;
			padding: 20px 25px;
		 	line-height: 25px;
	 		font-size: 18px;
			text-transform: uppercase;
			letter-spacing: 0.1em;
		}

		#album-bt-escutar span {
			text-align: right;
		}

	#album-textos {
		position: relative;
		padding: 40px 60px 80px;
		width: calc(50% - 60px);
		float: left;
	}

		#album-ficha, #album-sobre {
			position: absolute;
		 	font-size: 16px;
		 	line-height: 26px;
		 	opacity: 0;
		 	display: none;
		}

		#album-ficha h2, #album-sobre h2 {
			margin-bottom: 20px;
			font-family: din_bold;
			color: #911417;
			text-transform: uppercase;
		}

		#album-ficha p, #album-sobre p {
			margin-bottom: 20px;
		}

		#album-musicas {
			position: absolute;
		 	opacity: 0;
			margin-top: 5px;
		}

			#album-musicas li {
				min-height: 50px;
				text-transform: uppercase;
				padding-bottom: 20px;
			}

				#album-musicas li h3 {
					font-family: din_bold;
					font-size: 20px;
					padding-top: 10px;
				}

				#album-musicas .ordem {
					display: inline-block;
					width: 20px;
					text-align: left;
					font-family: din_bold;
					font-size: 20px;
					padding-right: 20px;
					padding-bottom: 5px;
				}

				#album-musicas .titulo {
					display: inline-block;
					font-family: din_regular;
					font-size: 20px;
					padding-right: 50px;
					padding-bottom: 5px;
				}

				#album-musicas .links {
					display: block;
					white-space: nowrap;
					padding-bottom: 5px;
				}

					#album-musicas .links a {
						font-family: din_bold;
						font-size: 16px;
						padding: 0 30px 0 0;
					}

						#album-musicas .links a:nth-child(odd) {
							color: #B36A23
						}

						#album-musicas .links a:nth-child(even) {
							color: #911417
						}

						#album-musicas .links a:last-child {
							padding: 0;
						}

						#album-musicas .links a.active {
							text-decoration: underline;
						}

			#album-musicas .musica-detalhe {
				margin: 10px 0 20px 40px;
				font-family: din_regular;
			 	font-size: 16px;
			 	line-height: 26px;
			 	opacity: 0;
			 	display: none;
			}

				#album-musicas .musica-detalhe p {
					margin-bottom: 20px;
				}

				#album-musicas .musica-detalhe .autores {
					text-transform: none;
					margin-bottom: 35px;
				}



  
	.fancybox-caption {
		display: none;
	}

	.fancybox-show-thumbs .fancybox-inner {
		top: 10px;
		right: 0;
		bottom: 22%;
	}
	.fancybox-thumbs {
		position: absolute;
		top: 78%;
		bottom: 0;
		left: 0;
		right : 0;
		width: 90%;
		max-width: 1160px;
		margin: 0 auto;
		height: 22%;
	    overflow-y: auto;
		padding: 10px 10px 5px 10px;
		box-sizing: border-box;
		background: rgba(0, 0, 0, 0);
	}
		.fancybox-thumbs__list {
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: space-between;
	    	height: 100%;
			width: 100% !important;
		    overflow-y: auto!important;
		}
			.fancybox-thumbs__list a {
  				position: relative;
				display: inline-block;
			    height: 145px;
			    width: 260px;
			    margin: 10px;
		  		margin-bottom: 50px;
		  		text-decoration: none;
		  		overflow: visible;
			}
				.fancybox-thumbs__list a:before {
				    border: 2px solid #911417;
				}
				
  	.fancybox-thumb-caption {
  		position: absolute;
    	top: 155px;
  		font-family: din_regular;
	    font-size: 14px;
	    color: #e5e1da;
	    text-transform: uppercase;
	}

	.fancybox-button--close {
		right: 10px;
	    background: url('img/bt-fechar.png') no-repeat center center;
	}
	.fancybox-button--close svg {
	    display: none;
	}



/* THUMBS DA DISCOGRAFIA SEM O GLIDE ATIVO */
/* Só ocorre na versão mobile */

.unmount .glide__slides {
	flex-wrap: wrap !important;
	overflow: scroll !important;
	pointer-events: auto;
}

.unmount .glide__slide {
	display: inline-block !important;
    width: 32% !important;
    height: auto !important;
    overflow: hidden !important;
}

.unmount .card {
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0,0) scale(0.8);
  	-webkit-box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.2); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
        	box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.2); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

	.unmount .card-ano {
		width: 40%;
	}

	.unmount .card-cta {
		width: 60%;
	}

		.unmount .card.big .card-titulo {
		 	font-size: 12px;
		}

		.unmount .card.big .card-ano, .unmount .card.big .card-cta {
		 	font-size: 10px;
		}
		
		.unmount .card.big .card-titulo span, .unmount .card.big .card-ano span, .unmount .card.big .card-cta span {
			padding: 3px 5px;
		}

		.unmount .card.small .card-titulo {
		 	font-size: 12px;
		}

		.unmount .card.small .card-ano, .unmount .card.small .card-cta {
		 	font-size: 10px;
		}

		.unmount .card.small .card-titulo span, .unmount .card.small .card-ano span, .unmount .card.small .card-cta span {
			padding: 3px 5px;
		}





		/* COMPOSIÇÕES */


/* CUSTOM SCROLLBARS */
#subsub-composicoes.sub-interno::-webkit-scrollbar {
    width: 5px;
    height: 1px;
    background: #e5e1da;
}
/* Track */
#subsub-composicoes.sub-interno::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #e5e1da; 
    border-radius: 0px;
}
/* Handle */
#subsub-composicoes.sub-interno::-webkit-scrollbar-thumb {
    background: rgba(240,240,240,0.5); 
    -webkit-box-shadow: inset 0 0 6px #e5e1da; 
}
#subsub-composicoes.sub-interno::-webkit-scrollbar-thumb:window-inactive {
    background: #e5e1da; 
}


        #subsub-composicoes.sub-interno {
	        padding: 0 5%;
	        margin: 0 0 80px;
			overflow-x: auto;
			white-space: nowrap;
        }

        #subsub-composicoes.sub-interno a {
          margin-right: 20px;
          white-space: nowrap;
        }

	        #subsub-composicoes.sub-interno a:last-child {
	          margin-right: 0;
	        }

	        #subsub-composicoes.sub-interno a.selected {
	          padding-bottom: 15px;
	          border-bottom: 5px solid #911417;
	          text-decoration: none;
	          color: #000;
	        }

		#search-form {
			position: absolute;
			top: 174px;
			right: 240px;
		}

		#search-form input {
			display: inline-block;
			border: none;
			height: 50px;
			vertical-align: middle;
		}

		#search-form input[type=text] {
			display: none;
			width: 200px;
			padding: 0 10px;
			line-height: 50px;
			background: #ededed;
			font-family: din_regular;
			font-size: 24px;
		}

		#search-form input[type=text]:focus {
			background: #ededed;
			border: 1px solid #911417;
			outline: 0;
		}

		#search-form input:-webkit-autofill {
		    background: #ededed !important;
		}

		#search-form input[type=button], #search-form input[type=submit] {
			width: 50px;
			background: url('img/search.png') no-repeat;
			text-indent: 1000px;
			overflow: hidden;
			cursor: pointer;
		}

			#search-form input[type=submit] {
				display: none;
			}

		#search-results {
			font-family: din_bold;
		}

		#composicoes {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

		#composicoes .comp {
			position: relative;
			display: inline-block;
			color: #000;
			text-decoration: none;
			width: fit-content;
			animation-duration: 0.5s;
		}

			#composicoes .comp:hover .titulo {
				color: #911417;
			}

			#composicoes .comp.active .titulo {
				color: #911417;
			}

		#composicoes .titulo {
			margin: 0 10px 5px 0;
			font-size: 26px;
			line-height: 32px;
			text-transform: uppercase;
			letter-spacing: 0.1em;
		}

			#composicoes .titulo span {
	    		display: inline;
				background-color: #efebe7;
				padding: 5px 30px;
						box-decoration-break: clone;
				-webkit-box-decoration-break: clone;
			}

		#composicoes .autores {
			margin: 0 0 15px 36px;
    		width: fit-content;
			padding: 10px 15px;
			background-color: #ededed;
			font-size: 14px;
			line-height: 16px;
			text-transform: uppercase;
			letter-spacing: 0.1em;
		}

		#composicoes .detalhe-comp {
			display: none;
    		width: 100%;
			animation-duration: 0.5s;
		}

			.detalhe-comp .musica-detalhe {
				position: relative;
				margin: 5px auto 15px;
				padding: 10px 0;
				background-color: #ededed;
				width: 100%;
				max-width: 700px;
				font-family: din_regular;
			 	font-size: 16px;
			 	line-height: 26px;
			}

				.detalhe-comp .musica-detalhe-wrap {
					padding: 0 75px;
				}

				.detalhe-comp a {
					color: #911417;
					text-decoration: none;
				}

				.detalhe-comp a:hover {
					text-decoration: underline;
				}

				.detalhe-comp .links {
					display: inline-block;
					white-space: nowrap;
					padding-bottom: 15px;
				}

					.detalhe-comp .links a {
						font-family: din_bold;
						font-size: 16px;
						padding: 0 30px 0 0;
						text-transform: uppercase;
					}

						.detalhe-comp .links a:nth-child(odd) {
							color: #B36A23
						}

						.detalhe-comp .links a:nth-child(even) {
							color: #911417
						}

						.detalhe-comp .links a:last-child {
							padding: 0;
						}

						.detalhe-comp .links a.active {
							text-decoration: underline;
						}

				.detalhe-comp .titulo-detalhe {
					display: block;
					font-family: din_bold;
					font-size: 24px;
					padding-bottom: 10px;
					text-transform: uppercase;
				}

				.detalhe-comp .autores-detalhe {
					text-transform: none;
					margin-bottom: 30px;
					text-transform: none;
				}

				.detalhe-comp p {
					margin-bottom: 24px;
				}


				.detalhe-comp .album {
					margin-top: 30px;
					max-width: 600px;
					padding: 10px 75px;
					background-color: #efebe7;
					font-size: 18px;
				}

					.detalhe-comp .album a {
						font-family: din_bold;
						color: #000;
						text-transform: uppercase;
					}


				.detalhe-comp .bt-fechar {
					position: absolute;
					top: 10px;
					right: 10px;
					width: 20px;
					height: 20px;
    				background: url(img/bt-fechar.png) no-repeat center center;
    				background-size: cover;
				}





		/* PARTICIPAÇÕES */



        #subsub-participacoes.sub-interno {
          padding: 0 0 80px;
        }

        #subsub-participacoes.sub-interno a {
          margin-right: 50px;
          white-space: nowrap;
        }

	        #subsub-participacoes.sub-interno a:last-child {
	          margin-right: 0;
	        }

	        #subsub-participacoes.sub-interno a.selected {
	          padding-bottom: 15px;
	          border-bottom: 5px solid #911417;
	          text-decoration: none;
	          color: #000;
	        }

		#participacoes {
			position: relative;
			width: 80%;
			margin: 0 10% 50px;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

		.participacao {
			position: relative;
			display: inline-block;
			width: 20%;
			padding: 5px 0;
			overflow: visible;
			height: fit-content;
			display: none;
		}

		.participacao .card {
			position: relative;
			top: 20px;
			left: 0;
			transform: translate(0,0) scale(0.9);
		  	-webkit-box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.2); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
		        	box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.2); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
		}

			.participacao .card:hover {
				transform: translate(0,0) scale(0.95);
			}

		.participacao .card-ano, .participacao .card-cta {
			min-height: 42px;
		}



		/* PRODUÇÕES */

		#producoes {
			position: relative;
			width: 80%;
			margin: 0 10% 50px;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

		.producao {
			position: relative;
			display: inline-block;
			width: 20%;
			padding: 5px 0;
			overflow: visible;
			height: fit-content;
		}

		.producao .card {
			position: relative;
			top: 20px;
			left: 0;
			transform: translate(0,0) scale(0.9);
		  	-webkit-box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.2); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
		        	box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.2); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
		}

			.producao .card:hover {
				transform: translate(0,0) scale(0.95);
			}





				    @media screen and (max-width: 1600px) {

						#search-form {
							position: relative;
							top: 0;
							right: 0;
							width: 85%;
							text-align: right;
							margin: -40px 5% 40px;
						}
	                    
                    }



				    @media screen and (max-width: 1280px) {

				    	.glide {
						    height: calc(100% - 210px);
						    top: 150px !important;
						}

                    	#glide-size {
							position: relative;
							top: -20px;
							left: 10%;
							width: 80%;
							text-align: center;
						}

						#participacoes, #producoes {
							width: 85%;
							margin: 0 5% 50px;
						}

						.participacao {
							width: 33%;
							padding: 5px 0;
						}

						#album {
							width: 85%;
							margin: 0 5% 200px;
						}

						#album-titulo span {
					 		padding: 10px 15px;
							font-size: 20px;
						 	line-height: 28px;
						}

						#album-ano span, #album-bt-escutar span, #album-bt-ficha span, #album-bt-sobre span, #album-bt-musicas span {
							padding: 10px 15px;
	 						font-size: 18px;
						 	line-height: 24px;
						}

					}

				    @media screen and (max-width: 780px) {

						#album-ano, #album-bt-escutar {
							width: 50%;
						}

						#album-imagem {
							float: left;
							width: 100%;
							max-width: 100%;
						}

						#album-titulo span {
							display: block;
							padding: 10px 15px;
					 		font-size: 20px;
						 	line-height: 20px;
						}

						#album-ano span, #album-bt-escutar span, #album-bt-ficha span, #album-bt-sobre span, #album-bt-musicas span {
							padding: 10px 15px;
						 	line-height: 15px;
	 						font-size: 15px;
						}

						#album-textos {
							padding: 35px 1%;
							width: 98%;
						}
	                    
                    }



                    @media screen and (max-width: 480px) {
                    	.card {
							transform: translate(-50%,-50%) scale(0.8);
						}

							.card:hover {
								transform: translate(-50%,-50%) scale(0.9);
							}		

								.card.big .card-titulo, .card.small .card-titulo {
								 	font-size: 18px;
								}

								.card.big .card-ano, .card.big .card-cta, .card.small .card-ano, .card.small .card-cta {
								 	font-size: 14px;
								}
								
								.card.big .card-titulo span, .card.big .card-ano span, .card.big .card-cta span, .card.small .card-titulo span, .card.small .card-ano span, .card.small .card-cta span {
									display: block;
									padding: 10px 12px;
								}


                        .sub-interno {
                          padding: 0px 5% 20px;
                          font-size: 11px;
                          line-height: 28px;
                          text-align: left;
                          letter-spacing: 0;
                        }

                        .sub-interno #secao {
                          display: block;
                        }

                        .sub-interno #secao::after {
                          content: "";
                        }

                    	#glide-size {
							top: -10px;
						}

                    	.glide {
							height: calc(100% - 240px);
							position: absolute !important;
							top: 180px !important;
							z-index: 89;
							overflow: visible;
							pointer-events: none;
						} 
	                    	.glide.unmount {
								height: auto;
								position: relative !important;
								top: 20px !important;
								pointer-events: auto;
							}

						#album-musicas .titulo {
							padding-right: 0px;
							width: calc(100% - 50px);
							vertical-align: top;
						}

						#album-musicas .links {
							display: block;
							white-space: normal;
							padding-left: 40px;
						}

						#album-musicas .links a {
							font-family: din_bold;
							font-size: 16px;
							padding: 0 20px 0 0;
						}

						#album-musicas .musica-detalhe {
						    margin: 10px 0 20px;
						}

						.letra {
							font-size: 14px;
						}

						.fancybox-slide {
							padding: 40px 5%;
						}

						.fancybox-show-thumbs .fancybox-inner {
						    right: 0;
						    bottom: 55%;
						  }
						  .fancybox-thumbs {
						    top: 42%;
						    height: 55%;
							width: 80%;
						  }
								.fancybox-thumbs__list a {
									display: block;
									margin: 10px auto 30px;
								}



				        
				        #subsub-participacoes.sub-interno {
				        	padding: 0 5% 20px;
				        }

				        #subsub-participacoes.sub-interno a {
				        	margin-right: 10px;
				        }

				        #subsub-participacoes.sub-interno a.selected {
					        padding-bottom: 5px;
		          			border-bottom: 3px solid #911417;
				        }

						.participacao {
							width: 50%;
							padding: 5px 0;
						}

						.participacao .card {
							top: 0;
						}

							.participacao .card.small .card-titulo {
							 	font-size: 12px;
							}

							.participacao .card.small .card-ano, .participacao .card.small .card-cta {
							 	font-size: 10px;
							}

							.participacao .card.small .card-titulo span, .participacao .card.small .card-ano span, .participacao .card.small .card-cta span {
								padding: 3px 5px;
							}

						.participacao .card-ano, .participacao .card-cta {
							min-height: 28px;
						}

						.participacao .card-ano {
							width: 40%;
						}

						.participacao .card-cta {
							width: 60%;
						}





						.producao {
							width: 50%;
							padding: 5px 0;
						}

						.producao .card {
							top: 0;
						}

							.producao .card.small .card-titulo {
							 	font-size: 12px;
							}

							.producao .card.small .card-ano, .producao .card.small .card-cta {
							 	font-size: 10px;
							}

							.producao .card.small .card-titulo span, .producao .card.small .card-ano span, .producao .card.small .card-cta span {
								padding: 3px 5px;
							}

						.producao .card-ano, .producao .card-cta {
							min-height: 28px;
						}




						#subsub-composicoes.sub-interno {
					        margin: 0 0 20px;
				        }

							#subsub-composicoes.sub-interno a.selected {
						        padding-bottom: 5px;
			          			border-bottom: 3px solid #911417;
					        }

						#search-form {
							position: relative;
							top: auto;
							right: auto;
							width: auto;
							text-align: left;
							margin: 0 0 30px 5%;
						}

						#search-form input {
							height: 30px;
						}

						#search-form input[type=text] {
							line-height: 30px;
							font-size: 18px;
							display: inline-block;
						}

						#search-form input[type=button], #search-form input[type=submit] {
							width: 30px;
							background-size: cover;
						}

							#search-form input[type=submit] {
								display: inline-block;
							}

							#search-form input[type=button] {
								display: none;
							}						

						#composicoes {
							justify-content: flex-start;
						}

						.detalhe-comp .musica-detalhe-wrap {
							padding: 0 20px;
						}

						.detalhe-comp .album {
							padding: 10px 20px;
							font-size: 12px;
						}


                    }


                    @media screen and (max-width: 480px) and (max-height: 600px) {

                    	.card {
							transform: translate(-50%,-45%) scale(0.8);
						}

							.card:hover {
								transform: translate(-50%,-45%) scale(0.9);
							}		

                    }