@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* Typography */
html, body {height: 100%;}
html {font-size: 100%;}
body {overflow-x:hidden;font-size: 22px;color: #FFF;background: #dda1bb;font-family: 'Saira Condensed', sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 20px;margin-bottom: 10px;}
h4, .h4, h5, .h5, h6, .h6 {margin-top: 10px;margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.1;}
h1 {font-size: 3em;}
h2{font-size: 1.5em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1em;}
h6{font-size: 0.857em;}
p {font-size: 1em;line-height:1.42857143;text-align:left;}
p {margin: 0 0 15px;}
.x-small{font-size:80%;}
a{text-decoration:none;color: #000;}
a:focus, a:hover {text-decoration:none;color: #000;}
/* END Tipography*/

#itemscope{display: none;}

#relax{padding: 0;}
.image{position: fixed;padding: 0;overflow: hidden;left: 0;top: 0;}
.title_icon{position: absolute;width: 100%;text-align: center;top: 10px;}
.title{
    height: 90px;
}
#sfondo {background: url(../images/calcutta_sfondo.jpg.webp) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center;}
.sfondo{height: 100vh;width: auto;}
.relax_icon{position: absolute;width: 100%;text-align: center;top: 110px;}
.dna{height: 14px;display: inline-block;margin-right: 30px;margin-top: 30px;}
.relax_img{height: 70px;display: inline-block;}
.live_nation{height: 14px;display: inline-block;margin-left: 30px;margin-top: 30px;}
.tour p{margin-bottom: 10px;text-transform: uppercase;font-weight: 700;}
.date{margin-bottom: 15px;float: left;height: 317px;}
.city{color: #20946c;}
.box-date{
    margin-top: 30px;
    left: 50%;
    padding: 0px 30px;
    padding-left: 90px;
    position: absolute;
    padding-bottom: 60px;
}
.box-date h2{margin: 0;font-family: 'Space Grotesk', sans-serif;font-weight: 700;text-align: center;width: 100%;color: #FFF;text-transform: uppercase;font-size: 1.5em;margin-bottom: 30px;}
.buy{background: #20946c;color: #FFF;padding: 10px;margin-bottom: 10px !important;text-align: center;display: inline-block;float: left;width: 240px;border-radius: 7px;font-size: 0.8em;}
.buy a{color: #FFF;}

.location2{
    font-size: 0.8em;
}

.date.soldout p {
    text-decoration: line-through;
}
.date.soldout span.text {
    text-transform: uppercase;
    display: inline-block;
    background: #ff3a3a;
    padding: 10px;
    border-radius: 7px;
    width: 240px;
    text-align: center;
    font-weight: 700;
    font-size: 0.8em;
    transform: rotate(-45deg);
    margin-top: 75px;
}

@media (max-width: 1800px) {
    body{font-size: 20px;}
}
@media (max-width: 1600px) {
    body{font-size: 18px;}
    .relax_icon {top: 120px;}
    .box-date {padding-left: 45px;}
    .date{height: 285px;}
}
@media (max-width: 1500px) {

}
@media (max-width: 1400px) {
    body{font-size: 16px;}
    .relax_icon {top: 90px;}
    .relax_img {height: 50px;}
    .title {height: 70px;}
}
@media (max-width: 1200px) {
    .date{width: 100%;}
    .tour {margin: 0;}
    .tour p{text-align: center;}
    .buy{float: none;}
    .date{height: auto;text-align: center;}
    .date.soldout span.text {width: 120px;margin-top: 40px;margin-bottom: 45px;}
}
@media (max-width: 992px) {
    .title_icon{top: 30px;}
    .relax_icon {top: 90px;}
    .relax_img {height: 45px;}
    .box-date h2{margin-top: 30px;}
    .title {height: 50px;}
}
@media (max-width: 767px) {
    #sfondo{height: 60vh !important;}
    .dna{height: 10px;display: inline-block;margin-right: 15px;margin-top: 15px;}
    .live_nation{height: 10px;display: inline-block;margin-left: 15px;margin-top: 15px;}
    .box-date h2{margin-top: 0;}
    .title_icon {top: 10px;}
    .relax_icon {top: 70px;}
    .box-date{padding-bottom: 30px;position: static;}
    .image{position: static;}
    .date{float: none;text-align: center;}
}
@media (max-width: 375px) and (max-height: 600px) {
    
}
@media (max-width: 320px) {
}