﻿@media screen and (min-width: 0px) and (max-width: 1000px) {
    #testata .sx {
        width: 100%;
        float: none;
        height: 100%;
        margin-right: 0;
        text-align:center;
        position: relative;
    }

    #testata .dx {
        position:absolute;
        top:0px;
        left:0px;
        bottom:0px;
        width:100%;
        text-align:center;
        right:0px;
    }

    #testata .btn br{
        display:none;
    }

    #testata .logo{
        margin-bottom:25px;
    }

    #testata .dx .logo img{
        width:185px;
    }

    #testata .content {
        position: absolute;
        width: 100%;
        top: auto;
        bottom: 26px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
}

    #testata{
        height:auto;
    }

    #testata .claim {
        line-height: 30px;
        font-size: 30px;
        margin-bottom: 25px;
        width: 100%;
        box-sizing:border-box;
        padding-left:35px;
        padding-right:35px;
    }

    #testata .btn{
        font-size:19px;
        line-height:20px;
        padding:12px;
    }

    #testata{
       background-image: url('../private_images/sfondo.jpg');
       background-position:0 0;
       background-repeat:repeat-x;
       background-size:contain;
    }

    .contain-img {
        position: relative;
        left: auto;
        max-width:540px !important;
        right:  auto;
        top:  auto;
        bottom:  auto;
        margin: auto auto;
        max-width: 100%;
        max-height: 100%;
        -webkit-transform:none;
        transform:none;
        width:100%;
        height:auto;
    }

    .scroll-finish{
        padding-left:25px;
        padding-right:25px;
    }

    h1{
        font-size:30px;
        line-height:30px;
        padding-top:32px;
        padding-bottom:32px;
    }

    .testo{
        margin-bottom:26px;
        font-size:15px;
        line-height:19px;

    }

    #form{
        padding-left:25px;
        padding-right:25px;
        padding-bottom:25px;
    }

    #form .titoletto{
        padding-top:22px;
        text-align:center;
        font-size:18px;
        line-height:18px;
        padding-bottom:22px;
    }

    #form .item{
        width:100%;
        float:none;
        margin-right:0px;
        margin-bottom:21px;
    }

    #form .item label{
        font-size:12px;
        line-height:12px;
    }

    #form .item-chb{
        width:100%;
        margin-bottom:26px;
    }

    #form .titoletto-rad{
        font-size:18px;
        margin-bottom:26px;
    }

    #form .item-chb label {
        font-size: 16px;
        width: calc( 100% - 58px );
    }

    #form .item-nota{
        font-size:15px;
        line-height:19px;
    }

    #form .btn a {
    font-size: 14px;
    line-height: 19px;
    color: #014489;
    border: 2px solid #ffed00;
    padding: 15px;
}

    #footer .copy{
        font-size:14px;
    }

    #footer{
        padding:25px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1100px) {
    #testata .logo{
        margin-bottom:25px;

    }

    #testata .claim{
        font-size:75px;
        line-height:60px;
    }
}