.banner-eurocup{
	background: url(/assets/img/landing/website-banner-bg.jpg); 
	background-repeat: no-repeat;
	background-size: cover;
  background-position: left;
  background-position-x: 10%;
  background-color: black;
}
  
.banner-eurocup .content{
	display: grid;
	grid-template-columns: 1fr 1fr 40%;
	gap: 20px;
	align-items: center;
	padding: 60px 0;
}


.banner-eurocup .container{
  width: 95%;
  max-width: 1340px;
  text-align: center;
}

  
.banner-eurocup img{
	width: 100%;
}
  
.banner-eurocup .btn-orange{
	margin-top: 0px !important;
  font-size: 1.1rem;
  border: none;
  border-radius: 25px;
  padding: 10px 20px !important;
  background: #ff0101;
  transition: 0.3s;
}

.banner-eurocup a{
	font-size: 1.3rem;
	text-align: center;
	color: #f9d374;
  line-height: normal;
  border-radius: 0px !important;
  text-shadow: 0px 1px 5px black;
}

.banner-eurocup a:hover{
    text-decoration: none;
}
  
.banner-eurocup a span{
	color: #f9d374;
	font-weight: 700;
}

@media only screen and (max-width: 1440px){
  .banner-eurocup {
    background-size: cover;
  }
}

@media only screen and (max-width: 1024px){
  .banner-eurocup {
    background-position-x: 60%;
  }

  .banner-eurocup .content {
    grid-template-columns: 1fr 1fr 40%;
    padding: 40px 0;
  }
}

@media only screen and (max-width: 900px){
  .banner-eurocup .content {
    width: 90%;
    grid-template-columns: 1fr;
  }

  .banner-eurocup img{
    width: 100%;
    padding: 0 15%;
    margin: auto;
  }

  .banner-eurocup h1 {
    font-size: 1.1rem;
    text-align: center;
    color: white;
  }
}