.monitor {
        position:static;

        }

.barra {
top:250px;
}

.monitor-interno {
background-size:cover;
background-position:center;
}


.bg-pagina-contatti {
    /*height: 900px;*/
    background-size: cover;
    background-position: center;
padding-top: 185px;
    padding-bottom: 185px;
    text-align: center;
}



@media (max-width: 399px) {
     /*.monitor-interno, header {
    height: 400px !important;
}*/
    .monitor-interno {
        height: 315px !important;
    }

footer .fa {
    margin: 10px 5px;
}

        .bg-pagina-contatti {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media (min-width: 400px) and (max-width: 639px) {
    /*.monitor-interno, header {
    height: 500px !important;
}*/
    .monitor-interno {
        height: 315px !important;
    }
         .bg-pagina-contatti {
    padding-top: 70px;
    padding-bottom: 70px;
}

}

@media (min-width: 640px) and (max-width: 767px) {
     /*.monitor-interno, header {
    height: 500px !important;
}*/
    .monitor-interno {
        height: 315px !important;
    }

     .bg-pagina-contatti {
    background-size: cover;
    background-position: center;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}
}

@media (min-width: 768px) and (max-width: 991px ) {
    .monitor-interno, header {
        height: 500px !important;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .monitor-interno, header {
    height: 500px !important;
}
    .barra {
    top: 208px;
}
}


@media (min-width: 1200px) and (max-width:1680px) {

}

@media (min-width: 1200px) and (max-width:1280px) {
}

@media (min-width: 1300px) and (max-width:1370px) {
    .monitor-interno, header {
    height: 500px !important;
}

.barra {
    top: 208px;
}
}