.album{
	color:#ffffff;
	position: relative;
	width:100%;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
}
.sect{
	margin-top:16px!important;
	margin-bottom:16px!important;
}
.rpad{
	padding: 0px 8px;
}
.w3-row-padding:after,.w3-row-padding:before{
	content:"";
	display:table;
	clear:both;
}
.col{
	float: left;
	width: 20%;
}
.col:hover{
	opacity:0.7;
}

@font-face {
  font-family: gravity;
  src: url(font/gravity-italic-webfont.woff);
}

.baslik {
		margin-top:4vh;
		font-size:30px;
		color:white; 
		font-family: 'gravity', sans serif;
		font-weight: bold;
}

.carousel {
  left:4%;
  height:35%
}

.carousel-cell {
  width: 60%;
  height: 100%;
  margin-right: 10px;
  margin-left:20vw;
  margin-bottom:30px;
  background: #d3d3d3;
  opacity:0.9;
  border-radius: 5px;

}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;

  line-height: 80%;
  font-size: 80px;
  color: white;
}
@media (min-width:1280px){
	.carousel{
		height:90%;
	}
}

@media (max-width:1280px){
	.baslik {
	margin-left:15vw;}
	
	.carousel-cell {
  width: 80%;
  height: 100%;
  margin-right: 10px;
  margin-left:20vw;
  margin-bottom:30px;
  background: #d3d3d3;
  opacity:0.9;
  border-radius: 5px;

}
	
}