/* LARGE MONITORS */
@media only screen and (min-width: 1280px) {

.uf_title {
    width:75%;
    height:auto;
    padding:0;
    margin: 0 auto;
    margin-top:18%;
    border:0px solid red;
}

.uf_title img{
    opacity:0.8;
    width:100%;
    height:auto;
    padding:0;
    margin: 0 auto;
    border:0px solid red;
}

.container{
    width:1280px;
}

.uf_grid_row {
    width:95%;
    height:auto;
    margin:0 auto;
    border:0px solid blue;    
}

.uf_grid {
    width:100%;
    height:auto;
    float:left;
    list-style: none;
    padding: 0;
    margin: 0; 
}

.uf_grid_box {
    width: 24.19%;
    height: auto;
    margin:0.4%;
    float: left;
    border: 0px solid red;    
}

.uf_grid_box img{
    width:100%;
    height:100%;
    border:0px solid blue;   
}

.home_bg_anim_mobile {
    display:none;
    height: 200vh;
    width: 99%;
    border:8px solid red;
}

.home_bg_anim_desktop {
    display:block;       
}

}

/* LAPTOPS */
@media only screen and (min-width: 769px) and (max-width: 1279px) {

   
.uf_title {
    width:75%;
    height:auto;
    padding:0;
    margin: 0 auto;
    margin-top:18%;
    border:0px solid red;
}

.uf_title img{
    opacity:0.8;
    width:100%;
    height:auto;
    padding:0;
    margin: 0 auto;
    border:0px solid red;
}
   
   
    .uf_grid_row {
        width:95%;
        height:auto;
        margin:0 auto;
        border:0px solid blue;    
    }   
   
    .uf_grid {
        width:100%;
        height:auto;
        float:left;
        list-style: none;
        padding: 0;
        margin: 0;
        
    }
    
    .uf_grid_box {
        width: 24%;
        height: auto;
        margin: .5%;
        float: left;
        border: 0px solid red;
    }

    .box_1 {
        width:24%;
        height:20vh;
        border:2px solid red;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    
      .box_2 {
        width:24%;
        height:20vh;
        border:2px solid red;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .box_3 {
        width:24%;
        height:20vh;
        border:2px solid red;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .box_4 {
        width:24%;
        height:20vh;
        border:2px solid red;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    
    .uf_grid_box img{
        width:100%;
        height:100%;
        border:0px solid blue;   
    }
    
    }

/* MOBILES */
@media only screen and (max-width: 768px) and (orientation: portrait){

    .uf_grid_row {
        width:95%;
        height:auto;
        margin:0 auto;
        border:0px solid blue;    
    }
    

    .uf_grid {
        width:100%;
        height:auto;
        float:left;
        list-style: none;
        padding: 0;
        margin: 0;
       
    }
    
    .uf_grid_box {
        width: 100%;
        height: auto;
        margin:0.4%;
        float: left;
        border:0px solid blue;    
    }
    
    .uf_grid_box img{
        width:100%;
        height:100%;
        border:0px solid blue;    
    }

    .uf_title {
        width:100%;
        height:auto;
        padding:0;
        margin: 0 auto;
        margin-top:0;
        border:0px solid blue;
    }
    
    .uf_title img{
        opacity:1;
        width:100%;
        height:auto;
        padding:0;
        margin: 0 auto;
        border:0px solid red;
    }

    .home_bg_anim_mobile {
        padding:0;
        margin:0;
        overflow:hidden;
        width: 100%;
        border:0px solid red;
    }

    .home_bg_anim_desktop {
        display:none;       
    }
    
    }