@media screen and (max-height:480px) and (orientation:landscape){




    body{
        background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(9,82,141,1) 64%, rgba(2,0,56,1) 100%);

        width:100vw;
        height:100vh;
        margin:0px;
        padding:0px;

    overflow-x: hidden;
    overflow-y:scroll;
    }



    .bd.active{
        background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(9,82,141,1) 64%, rgba(2,0,56,1) 100%);

        width:100vw;
        height:100vh;
        margin:0px;
        padding:0px;

    overflow-x: hidden;
    overflow-y:hidden;
    }




    .panel-title{
        color:#fff;/*#5285a1;*/
        font-size:15px;

            font-family: Arial, sans-serif;/*strangerthings;*/
        text-align: center;

    }



    .container{
        width:400px;
        margin:0 auto;

        padding-top:calc((100vh - 500px)/2);
        text-align:center;
        height:500.7px;
    }



    .rc-anchor-container, .rc-anchor-light{
        background-color:#fff !important;
        box-shadow:none !important;
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
    }


    fieldset{
        border:0px !important;
        background-color:rgba(0, 0, 0, 0.5);
        padding-top:20px;
    }

    .panel-body{
        border:1px solid #fff;

    }


    h3{
        padding-bottom:30px;
    }








    #cont::-webklogin.php?token=frnhybkfit-scrollbar {
        display: none;
    }

    #cont {
        scrollbar-width: none;
    }


    a{
    color:#fff;
    font-size: bold;
        text-decoration:none;
    }

    .enclosure{
      margin:0 auto;

      height:auto;
      display: table;
      width:100vw;


    }

    .main{
        background-color:rgba(000, 000, 000, 0.5);
        border-top:1px solid #fff;

        width:100vw;
        margin:0 auto;
    color:#fff;
        font-family:Arial, sans-serif;
        height:100%;
        display: table;


        margin-top:10px;
        text-align:justify;

    }

    .pacchetto{
      padding:10px;
      height:100%;
      display: table;

      width: calc(90vw - 20px);
      margin: 0 auto;

    }

    .glow{
    color: #fff;
        text-align: justify;
    height:auto;
    display: table;
    font-size: 18px;

    }

    b{
      color:#59c0e6 !important;
    }


    .menu{
      display: none;
    }


    .footer_menu{
      background-color:rgba(000, 000, 000, 0.5);
      border-top:1px solid #fff;
      border-bottom:1px solid #fff;
      /*width:300px;*/
      margin:0 auto;
      color:#fff;
      font-family:Arial, sans-serif;
      height:auto;
      margin-top:10vw;
      padding: 5px 0;
      text-align:center;
      width:100%;


    }




    .language_menu{
      display: none;
    }

    .menu_mobile{
      background-color:rgba(000, 000, 000, 0.5);

      border-bottom:1px solid #fff;
      /*width:300px;*/
      margin:0 auto;
      color:#fff;
      font-family:Arial, sans-serif;
      height:40px;
      margin-top:0px;
      text-align:center;
      width:100%;
      position: relative;
      top:0;
      left:0;
      z-index:200;

    }



    .menu_container{
      width:100vw;
      margin:0 auto;
      height:40px;
      text-align: left;
      float:left;
      font-size:30px;
      line-height: 40px;
      color:#fff;
      font-family: Arial, sans-serif;
    }


    .mobile_container{
        width:100vw;
        height:100vh;
        overflow-y:scroll;
        top:-100vh;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.85);
        z-index:20;
        transition: top 1s;
    }



    .mobile_container.active{
        width:100vw;
        height:100vh;
        top:40px;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.85);
        transition: top 1s;
    }



    .logo{

      color: #fff;
      text-align: left;
      height:80px;
      margin-bottom: 20px;
      width:90vw;
    }





    .little_panel{
        width:640px;
        height:480px;
    }


    .written_logo{
      font-family: BebasNeue;
      height:80px;
      font-size: 42px;
      line-height: 90px;
      float: left;
      margin-left:10px;
      text-align: left;

    }


    .menu_item{
      font-size:20px;
      line-height: 80px;
      color:#fff;
      font-family: Arial, sans-serif;
      float: left;
      width:100vw;
      height:80px;
      border-bottom: 1px solid #fff;
    }

    .menu_item:focus, .menu_item:hover{
      font-size:20px;
      line-height: 80px;
      color:#59c0e6;
      font-family: Arial, sans-serif;
      float: left;
      width:100vw;
      height:80px;
      border-bottom: 1px solid #fff;
    }




    .menu_item span{
      font-size:20px;
      line-height: 80px;
      color:#fff;
      margin:0 10px;
    }

    .menu_item span:focus, .menu_item span:hover{
      font-size:20px;
      line-height: 80px;
      color:#59c0e6;
      margin:0 10px;
    }



    .box{
      width:90vw;
      height:100%;
      display: table;
    }



    .foto{
      height:90vw;
      width:90vw;
      margin: 0 auto;
      float: left;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }


    .text{
      width:90vw;
      height: auto;
      display: table;
    color: #fff;
        text-align: justify;

    margin:0px auto;
    margin-top: 5vw;
    font-size: 20px;
    float: left;

    }


  }