@media screen and (max-width:1100px)  {
    #hello_video {
       height: 100%;
        width: auto;
    }
    .bottomMenu {
        position: absolute;
        text-align: right;
        bottom: 0;
        right: 0;
        padding: 10px;
        display: block;
    }
}


@media screen and (max-width:960px) {
    .four_quad_portfolio {
        width:50%;
    }
    .tree_block {
        width:100%;
        text-align:center;
    }
    .paddingBlock {
        padding:10px 0;
    }
    p.big {
        max-width:unset;
    }
    .mobileCenter {
        text-align:center !important;
    }
    
}

@media screen and (max-width:860px) {
    
    .four_block {
      width: 100%;
      padding: 10px 0px;
    }
}


@media screen and (max-width:700px) {
    .halfDiv {
      width: 100%;
    }

    .section-footer {
        left:0;
        right:0;
    }
}


@media screen and (max-width:600px) {
    .doble_block {
        width: 100%;
    }
}

@media screen and (max-width:500px) {
    .four_quad_portfolio {
        width:100%;
    }
}