body{
	background-color: #000;
	color: rgba(255,255,255,0.5);
	font-family: 'Outfit', sans-serif;
	font-weight: 100;

}
h1,
h2,
h3,
h4{
	font-weight: 100;
}

h2{
	font-size: 60px;
	margin-bottom: 30px;
}


body a{
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	cursor: pointer;
}
body a:hover{
	color: rgba(255,255,255,1);
}
.logo{
	margin-top: 50px;
	margin-bottom: 50px;
}
.logo img{
	height: 100px;
	width: auto;	
}

.topper h1{
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-weight: 100;
}

.topperImage img{
	width:100%;
	border-bottom: 1px solid rgba(255,255,255,0.5)
}

.topperImage{ 
	background-image: url('https://quininho.com/img/quininho.jpg');
	background-size: cover;
	background-position: center center;
	width: 100%;
	aspect-ratio: 4/1.4;
}

.tracks{
	margin-bottom: 50px;
}

.tracks h2{
	font-size: 30px;
	
}

.contact{
	margin-top: 30px;
}

.tracks img{
	aspect-ratio:1/1;
	width:100%
}

.listenOnBlock{
	margin-top: 10px;
}

.listenOnBlock h3{
	font-size: 19px;
}

.video-container {
  position: relative;
  padding-bottom: 58.75%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 80px;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.imgwithBroder{border: 1px solid #fff;}