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

        #Rotor {
            display: block;
            position: relative;
            width: 100%;
            height: 100vh;
            max-width: 100%;
            max-height: calc(100vh - 5.5rem);
            overflow: hidden;
            margin-top: 5.5rem!important;
        }

        .noTransition{
            transition: none!important;
        }

        #Rotor DIV {
            position: absolute;
            display: block;
            overflow: hidden;
            left:0;
            top:0;
            width:100%;
            height: 100%;
            opacity:0;
            background-position: center top;
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
            transition: opacity ease-in 0.5s;
        }
        #Rotor DIV.Visible {
            opacity:1;
        }
        #Rotor DIV .Link {
            display: block;
            position: relative;
            width:100%;
            height: 100%;
        }
        #Rotor DIV .TextBlock {
            position: absolute;
            display:block;
            color: #ffffff;
            font-family: var(--Font_Normal);
        }
        #Rotor .NotVisible {
            display: none!important;
        }
        #Rotor DIV .Link.Position0 .TextBlock {
            left:0;
            right:0;
            top:4rem;
            bottom:unset;
            text-align: center;
        }
        #Rotor DIV .Link.Position1 .TextBlock {
            left:4rem;
            right:4rem;
            top:4rem;
            bottom:unset;
            text-align: right;
        }
        #Rotor DIV .Link.Position2 .TextBlock {
            left:4rem;
            right:4rem;
            top:50%;
            bottom:unset;
            text-align: right;
        }
        #Rotor DIV .Link.Position3 .TextBlock {
            left:4rem;
            right:4rem;
            top:unset;
            bottom:4rem;
            text-align: right;
        }
        #Rotor DIV .Link.Position4 .TextBlock {
            left:0;
            right:0;
            top:unset;
            bottom:6rem;
            text-align: center;
        }
        #Rotor DIV .Link.Position5 .TextBlock {
            left:4rem;
            right:4rem;
            top:unset;
            bottom:4rem;
            text-align: left;
        }
        #Rotor DIV .Link.Position6 .TextBlock {
            left:4rem;
            right:4rem;
            top:50%;
            bottom:unset;
            text-align: left;
        }
        #Rotor DIV .Link.Position7 .TextBlock {
            left:4rem;
            right:4rem;
            top:4rem;
            bottom:unset;
            text-align: left;
        }

        #Rotor DIV .Link .TextBlock .Titolo {
            display: block;
            font-size: 2rem;
            font-weight: 600;
            color: #ffffff;
            font-family: var(--Font_Normal);
            text-shadow: 0px 0.05rem 0.1rem rgba(0, 0, 0, 0.25);
            text-transform: uppercase;
            padding: 0rem 4.5rem;
            line-height: 1;
            margin-bottom: 0.5rem;
        }
        #Rotor DIV .Link .TextBlock .Sottotitolo {
            display: block;
            font-size: 1.1rem;
            font-weight: 400;
            color: #ffffff;
            font-family: var(--Font_Normal);
            text-shadow: 0px 0.05rem 0.1rem rgba(0, 0, 0, 0.25);
            padding: 0rem 1.5rem;
            margin-bottom: 1rem;
        }
        #Rotor DIV .Link .TextBlock .Action {
            display: inline-block;
            font-size: 1rem;
            font-weight: 600;
            color: #ffffff;
            font-family: var(--Font_Normal);
            text-decoration: underline;
            text-underline-offset: 0.3rem;
            background-color: transparent;
            border: none;
            padding: 0;
            text-shadow: 0px 0.05rem 0.1rem rgba(0, 0, 0, 0.25);
        }
        #Rotor DIV::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.20);
            z-index: 1;
            pointer-events: none;
        }
        #Rotor DIV .Link {
            position: relative;
            z-index: 2;
        }

    }


/*  Desktop  */
    @media screen and (min-width: 441px) {

        #Rotor {
            display:block;
            position: relative;
            width:100%;
            aspect-ratio: 1920 / 670;
            max-width:100%;
            max-height:calc(100vh - 8rem);
            overflow: hidden;
            margin-top: 10rem;
            transition: all 0.5s;
        }
        #Rotor DIV {
            position: absolute;
            display: block;
            overflow: hidden;
            left:0;
            top:0;
            width:100%;
            height: 100%;
            opacity:0;
            background-position: center top;
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
            transition: opacity ease-in 0.5s;
        }
        #Rotor DIV.Visible {
            opacity:1;
        }
        #Rotor DIV .Link {
            display:block;
            position: relative;
            width:100%;
            height: 100%;
        }
        #Rotor DIV .TextBlock {
            position: absolute;
            display:block;
            color: #ffffff;
            font-family: var(--Font_Normal);
        }
        #Rotor .NotVisible {
            display: none!important;
        }
        #Rotor DIV .Link.Position0 .TextBlock {
            left:0;
            right:0;
            top:5rem;
            bottom:unset;
            text-align: center;
        }
        #Rotor DIV .Link.Position1 .TextBlock {
            left:4rem;
            right:4rem;
            top:4rem;
            bottom:unset;
            text-align: right;
        }
        #Rotor DIV .Link.Position2 .TextBlock {
            left:4rem;
            right:4rem;
            top:50%;
            bottom:unset;
            text-align: right;
        }
        #Rotor DIV .Link.Position3 .TextBlock {
            left:4rem;
            right:4rem;
            top:unset;
            bottom:4rem;
            text-align: right;
        }
        #Rotor DIV .Link.Position4 .TextBlock {
            left:0;
            right:0;
            top:unset;
            bottom:4rem;
            text-align: center;
        }
        #Rotor DIV .Link.Position5 .TextBlock {
            left:4rem;
            right:4rem;
            top:unset;
            bottom:4rem;
            text-align: left;
        }
        #Rotor DIV .Link.Position6 .TextBlock {
            left:4rem;
            right:4rem;
            top:50%;
            bottom:unset;
            text-align: left;
        }
        #Rotor DIV .Link.Position7 .TextBlock {
            left:4rem;
            right:4rem;
            top:4rem;
            bottom:unset;
            text-align: left;
        }

        #Rotor DIV .Link .TextBlock .Titolo {
            display: block;
            font-size: 1.8rem;
            font-weight: 600;
            color: #ffffff;
            text-transform: uppercase;
            font-family: var(--Font_Normal);
            text-shadow: 0px 0.05rem 0.15rem rgba(0, 0, 0, 0.25);
            line-height: 1.2;
            margin-bottom: 0.3rem;
            letter-spacing: 0.01rem;
        }
        #Rotor DIV .Link .TextBlock .Sottotitolo {
            display: block;
            font-size: 1.1rem;
            font-weight: 500;
            color: #ffffff;
            font-family: var(--Font_Normal);
            text-shadow: 0px 0.05rem 0.1rem rgba(0, 0, 0, 0.25);
            margin-bottom: 0.8rem;
        }
        #Rotor DIV .Link .TextBlock .Action {
            display: inline-block;
            font-size: 0.9rem;
            font-weight: 700;
            color: #ffffff;
            font-family: var(--Font_Normal);
            text-decoration: underline;
            text-underline-offset: 0.4rem;
            background-color: transparent;
            border: none;
            padding: 0;
            text-transform: none;
            text-shadow: 0px 0.05rem 0.1rem rgba(0, 0, 0, 0.25);
        }
        #Rotor DIV::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.20);
            z-index: 1;
            pointer-events: none;
        }
        #Rotor DIV .Link {
            position: relative;
            z-index: 2;
        }

    }