﻿.contattaci-mobile-home {
    padding: 15px 0;
    color:#fff;
}

.contattaci-mobile-home a{
    color:#fff;
}

header {
    background-image: url(/Content/video/poster.jpg);
    background-size: cover;
    background-position: center;
}


@media (max-width: 399px) {
    .contattaci {
        display: none;
    }

    .contattaci-mobile-home .pull-left {
        float: none !important;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    header {
        background-image: url(/Content/video/poster.jpg);
        background-size: cover;
        background-position: center;
    }

   
    .recapiti-top {
        left: 15px;
    }

        .recapiti-top a, .recapiti-top a:hover, .recapiti-top a:focus {
        padding-left:0;
        }
}

@media (min-width: 400px) and (max-width: 700px) {

    .contattaci {
        display: none;
    }

    .contattaci-mobile-home .pull-left{
        float: none !important;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    header {
        background-image: url(/Content/video/poster.jpg);
        background-size: cover;
        background-position: center;
    }

    .recapiti-top {
        left: 15px;
        bottom:22px;
    }
        .recapiti-top a, .recapiti-top a:hover, .recapiti-top a:focus {
            padding-left: 0;
        }
}

@media (min-width: 701px) and (max-width: 767px) {
       .contattaci{
           display:none;
       }


    .contattaci-mobile-home .pull-left {
        float: none !important;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    header {
        background-image: url(/Content/video/poster.jpg);
        background-size: cover;
        background-position: center;
    }

    header, .monitor {
        height: 550px !important;
    }

    .recapiti-top {
        left: 15px;
    }
        .recapiti-top a, .recapiti-top a:hover, .recapiti-top a:focus {
            padding-left: 0;
        }
}

@media (min-width: 768px) and (max-width: 991px ) {
    header, .monitor {
        height: 550px !important;
    }
    }

@media (min-width: 992px) and (max-width:1199px) {
   
    }

@media (min-width: 1200px) and (max-width:1680px) {
 
    }

@media (min-width: 1200px) and (max-width:1280px) {
   
}

@media (min-width: 1300px) and (max-width:1370px) {
  

}

@media (min-width: 2000px) {
    }

    /*PER ALTEZZE INFERIORI AL 768*/
    @media (max-height: 768px) {
    }
