@charset "UTF-8";
/* CSS Document */
#bg-natale {
	background-image: url("bg-cybermonday2020.png");
	background-position: top right;
	background-color: #d63031;
}
#main-img{
	margin-bottom: -250px;
}

@media screen and (max-width: 420px) {
	#main-img{
		margin-bottom: -25px;
	}
}
.btn-landing{
	color: #D63031;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px 40px;
	font-weight: 700;
}
.btn-landing:hover {
	color: ;
	background-color: ;
}

#txt1 {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-weight: 400;
	font-size: 95px;
	transform: skew(170deg,170deg);
	text-shadow: 3px 3px 4px rgba(51,51,51,0.27);
}
@media screen and (max-width: 420px) {
  #txt1 {
    font-size: 55px;
  }
}

#txt2 {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-weight: 700;
	font-size: 105px;
	transform: skew(170deg,170deg);
	text-shadow: 3px 3px 4px rgba(51,51,51,0.27);
	margin-top: -60px;
}
@media screen and (max-width: 420px) {
  #txt2 {
    font-size: 50px;
    margin-top: -45px;
  }
}
	
#txt3 {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-weight: 400;
	font-size: 51px;
	transform: skew(170deg,170deg);
	text-shadow: 3px 3px 4px rgba(51,51,51,0.27);
	margin-top: -41px;
}
@media screen and (max-width: 420px) {
  #txt3 {
    font-size: 24px;
	margin-top: -35px;
  }
}

#txt4 {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-weight: 700;
	font-size: 60px;
	transform: skew(170deg,170deg);
	text-shadow: 3px 3px 4px rgba(51,51,51,0.27);
	margin-top: -30px;
	margin-bottom: 30px;
}
@media screen and (max-width: 420px) {
  #txt4 {
    font-size: 28px;
    margin-top: -27px;
  }
	}

.follow{
	color: #fff;
	padding-top: 80px;
	font-size: 2vw;
}

@media screen and (max-width 420px) {
	.follow {
		font-size: 6vw;
	}
}