/* Tablet */
@media only screen and (max-width : 1024px) {

.titledatedx::after {
    content: "";
    position: absolute;
    background: #E2204A;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 117%;
    z-index: 99;
}
#intro h2 {
    font-size: 24pt;
    margin: 20px 0px;
    font-weight: 200;
}
.sponsor {
    width: 53px;
    height: auto;
    margin: 15px;
}
.backgroundgrey {

    margin: 10px 0px;

}
span {
    background: #ededed;
    padding: 10px;
    box-shadow: 1px 1px 7px #ededed;
    border-radius: 11px;
    font-size: 12pt;
}
.margin {
    margin: 20px 0px;
}
.centerbutton {
    display: table;
    width: 100%;
    text-align: center;
    margin: 50px auto;
}
.white {

    font-size: 20px;
    color: white;
    font-weight: 400;
    margin: 137px 0px;

}
.left {
    text-align: right;
}
.backtobottom {
    width: 100%;
    position: absolute;
    top: 70vh;
    text-align: center;
}
.middle li {

    display: inline-block;

}
.middle ul {

    padding: 0px;

}
.sponsormobile {

    margin: 40px 0px;

}
.servizimobile {
    width: 100px;
    height: auto;
}
.titledatesx {
    color: #555;
    text-align: left !important;
    font-weight: bold !important;
    margin: 48px 0px !important;
}
span {
    background: #ededed;
    padding: 10px;
    box-shadow: 1px 1px 7px #ededed;
    border-radius: 11px;
    font-size: 8pt;
    display: inline-block;
}
.border-red {

    height: auto;

}
.border-red:hover

{
        height: auto;

}
.titledatedx::after {

    content: "";
    position: absolute;
    background: #E2204A;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 116%;
    z-index: 99;

}
}





/* Mobile */
@media only screen and (max-width : 480px) {

h1 {
    font-size: 22pt!Important;
}

.titledatedx::after {

    content: "";
    position: absolute;
    background: #E2204A;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 116%;
    z-index: 99;

}
.gradientsx {
    background: #e2204a;
    padding: 20px;
    color: white;
    padding: 10px;
    border-radius: 20px;
    height: 280px;
    margin-top: 20px;
}
.border-red {

    height: auto;

}
.border-red:hover

{
        height: auto;

}
#shadows h2 {
    font-size: 21pt !important;
}
#content h3 {
    font-weight: 400;
    font-size: 14pt;
    margin: 15px 0px;
}
#intro h2 {
    font-size: 20pt;
    margin: 20px;
    font-weight: 200;
}
.sponsor {
    width: 35px;
    height: auto;
    margin: 15px;
}
.servizimobile {
    width: 100px;
    height: auto;
}
.backtobottom {
    width: 100%;
    position: absolute;
    top: 80vh;
    text-align: center;
}
.middle li {

    display: inline-block;

}
.middle ul {

    padding: 0px;

}
.sponsormobile {

    margin: 40px 0px;

}
.white {

    font-size: 20px;
    color: white;
    font-weight: 400;
    margin: 137px 0px;

}
.right
{
    text-align:right;
}
.left
{
    text-align:left;
}
.logo {
    width: auto;
    height: 40px;
}
.centerbutton {
    display: table;
    width: 100%;
    text-align: center;
    margin: 50px auto;
}
#intro h3 {
    font-size: 12pt;
}
.margin {
    margin: 20px 0px;
}
.titledatedx::after {
    content: "";
    position: absolute;
    background: #E2204A;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 114%;
    z-index: 99;
}
.titledatesx {
    color: #555;
    text-align: left !important;
    font-weight: bold !important;
    margin: 42px 0px !important;
}
span {
    background: #ededed;
    padding: 10px;
    box-shadow: 1px 1px 7px #ededed;
    border-radius: 11px;
    font-size: 12pt;
    display: inline-block;

}
.servizimobile {

    width: 100px;

}
#intro h2 {
    font-size: 24pt;
    margin: 20px 0px;
    font-weight: 200;
}
#content h3 {
    font-weight: 400;
    font-size: 18pt;
    margin: 15px 0px;
}
header {
    position: absolute;
    display: table;
    width: 100%;
    margin: 120px 0px
}
.flex {
    display: block;
}
.flip-box-orizzontale {

    background-color: transparent;
    width: 100%;
    height: 650px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;

}
.flip-box-flip11, .flip-box-flip13 {

    height: 650px;
}
}