/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*----------------------------- RESPONSIVE 1024px -------------------------------*/
/*---------------------------- PANTALLAS GRANDES ------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    
    .WEB_DESIGN_FLORIDA_SERVICE {
        width: 70%;
        margin: auto;
        font-size: 20px;
        padding: 5px;
    }
    
    .WEB_DESIGN_FLORIDA_TEXT {
        width: 70%;
        margin: 30px auto;
        font-size: 16px;
        padding: 10px;
    }
    
    .WEB_DESIGN_FLORIDA_h2 {
        width: 70%;
        margin: auto;
        font-size: 20px;
        padding: 5px;
    }
    .WEBARTED_LOGO {
        width: 220px;
        padding: 10px;
        margin: auto;
    }
    .WEB_DESIGN_EXP {
        width: 60%;
        padding: 10px;
        font-size: 20px;
    }
    .WEB_DESIGN_P {
        width: 60%;
        padding: 10px;
        font-size: 16px;
    }
    .WEB_EXPERIENCE {
        width: 100%;
        margin: auto;
     }
     .WEB_1 {
        margin: 40px auto;
        padding: 10px;
    }
    .WE_PROGRAMMING {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 22px;
    }
    .DEVELOPMENT {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 22px;
        font-weight: 400;
    }
    .BOX2 {
        width: 80%;
        border-radius: 15px 0px 0px 0px;
    }
    .BOX2 h2 {
        width: 100%;
        text-align: left;
        font-size: 12px;
    }
    .BOX2 p {
        width: 100%;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 12px;
    }
    .FRONTEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
    }
    .FRONTEND_WORK, .BACKEND_WORK {
        width: 90%;
        font-size: 22px;
    }
    .FRONTEND, .BACKEND {
        width: 90%;
        font-size: 16px;
    }
    .FRONTEND_BOX, .FRONTEND_IMG_BOX, .BACKEND_BOX, .BACKEND_IMG_BOX {
        width: 90%;
    }
    .BACKEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
        flex-wrap: wrap-reverse;
    }
    .WE_PROGRAMMING {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 22px;
    }
    .PROGRAMING_ICONS {
        width: 90%;
        padding: 10px;
    }
    .BOX3 {
        width: 100%;
    }
    .BOX3 h2 {
        width: 60%;
    }
    .Skill_Description {
        width: 60%;
        font-size: 16px;
    }
    .BOX_WEBDEV {
        width: 80%;
        padding: 10px;
    }    
    .CONTACT_AD {
        width: 100%;
        padding: 4px;
        margin: 10px auto;
        font-size: 18px;
    }
    .CONTACT_AD::after {
        display: none;
    }
    .CONTACT_AD::before {
        display: none;
    }
    .WSP_icon {
        width: 35px;
        bottom: 10px;
        left: 30%;
    }
    .BOX_WEBDEV p {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 400;
    }
    .BOX_CONTACT {
        width: 100%;
    }

    .BOXFOOTER_1 {
        flex-wrap: wrap;
    }
    .FOOTERINFO, .FOOTERLOGO, .FOOTERLOCAT {
        width: 100%;
    }
}/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*----------------------------- RESPONSIVE 736px -------------------------------*/
/*---------------------------- PANTALLAS MEDIANAS ------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
@media screen and (max-width: 736px) {
    
    .BG_CONTACT {
        width: 100%;
        margin: 10px auto;
    }
    .WEB_DESIGN_FLORIDA_SERVICE {
        width: 70%;
        margin: auto;
        font-size: 20px;
        padding: 5px;
    }
    
    .WEB_DESIGN_FLORIDA_TEXT {
        width: 70%;
        margin: 30px auto;
        font-size: 16px;
        padding: 10px;
    }
    
    .WEB_DESIGN_FLORIDA_h2 {
        width: 70%;
        margin: auto;
        font-size: 20px;
        padding: 5px;
    }
    .WEBARTED_LOGO {
        width: 220px;
        padding: 10px;
        margin: auto;
    }
    .WEB_DESIGN_EXP {
        width: 80%;
        padding: 10px;
        font-size: 20px;
    }
    .WEB_DESIGN_P {
        width: 80%;
        padding: 10px;
        font-size: 16px;
    }
    .WEB_EXPERIENCE {
        width: 100%;
        margin: auto;
     }
     .WEB_1 {
        margin: 40px auto;
        padding: 10px;
    }
    .WE_PROGRAMMING {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 22px;
    }
    .DEVELOPMENT {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 22px;
        font-weight: 400;
    }
    .BOX2 {
        width: 80%;
        border-radius: 15px 0px 0px 0px;
    }
    .BOX2 h2 {
        width: 100%;
        text-align: left;
        font-size: 12px;
    }
    .BOX2 p {
        width: 100%;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 12px;
    }
    .FRONTEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
    }
    .FRONTEND_WORK, .BACKEND_WORK {
        width: 90%;
        font-size: 22px;
    }
    .FRONTEND, .BACKEND {
        width: 90%;
        font-size: 16px;
    }
    .FRONTEND_BOX, .FRONTEND_IMG_BOX, .BACKEND_BOX, .BACKEND_IMG_BOX {
        width: 90%;
    }
    .BACKEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
        flex-wrap: wrap-reverse;
    }
    .WE_PROGRAMMING {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 22px;
    }
    .PROGRAMING_ICONS {
        width: 90%;
        padding: 10px;
    }
    .BOX3 {
        width: 100%;
    }
    .BOX3 h2 {
        width: 70%;
    }
    .Skill_Description {
        width: 70%;
        font-size: 16px;
    }
    .BOX_WEBDEV {
        width: 80%;
        padding: 10px;
    }    
    .CONTACT_AD {
        width: 100%;
        padding: 4px;
        margin: 10px auto;
        font-size: 18px;
    }
    .CONTACT_AD::after {
        display: none;
    }
    .CONTACT_AD::before {
        display: none;
    }
    .WSP_icon {
        bottom: 10px;
        left: 20%;
    }
    .BOX_WEBDEV p {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 400;
    }
    .BOX_CONTACT {
        width: 100%;
    }

    .BOXFOOTER_1 {
        flex-wrap: wrap;
    }
    .FOOTERINFO, .FOOTERLOGO, .FOOTERLOCAT {
        width: 100%;
    }
}
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*----------------------------- RESPONSIVE 736px -------------------------------*/
/*---------------------------- PANTALLAS MEDIANAS ------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
@media screen and (max-width: 532px) {
    
    .WEB_DESIGN_FLORIDA_SERVICE {
        width: 70%;
        margin: auto;
        font-size: 18px;
        padding: 5px;
    }
    
    .WEB_DESIGN_FLORIDA_TEXT {
        width: 70%;
        margin: 30px auto;
        font-size: 16px;
        padding: 10px;
    }
    
    .WEB_DESIGN_FLORIDA_h2 {
        width: 70%;
        margin: auto;
        font-size: 16px;
        padding: 5px;
    }
    .WEBARTED_LOGO {
        width: 220px;
        padding: 10px;
        margin: auto;
    }
    .WEB_DESIGN_EXP {
        width: 80%;
        padding: 10px;
        font-size: 20px;
    }
    .WEB_DESIGN_P {
        width: 80%;
        padding: 10px;
        font-size: 16px;
    }
    .WEB_EXPERIENCE {
        width: 100%;
        margin: auto;
     }
     .WEB_1 {
        margin: 40px auto;
        padding: 10px;
    }
    .WE_PROGRAMMING {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 22px;
    }
    .DEVELOPMENT {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 22px;
        font-weight: 400;
    }
    .BOX2 {
        width: 80%;
        border-radius: 15px 0px 0px 0px;
    }
    .BOX2 h2 {
        width: 100%;
        text-align: left;
        font-size: 12px;
    }
    .BOX2 p {
        width: 100%;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 12px;
    }
    .FRONTEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
    }
    .FRONTEND_WORK, .BACKEND_WORK {
        width: 90%;
        font-size: 22px;
    }
    .FRONTEND, .BACKEND {
        width: 90%;
        font-size: 16px;
    }
    .FRONTEND_BOX, .FRONTEND_IMG_BOX, .BACKEND_BOX, .BACKEND_IMG_BOX {
        width: 90%;
    }
    .MACBOOK_WP {
        width: 300px;
        top: 25%;
        left: 5%;
    }
    .MACBOOK {
        width: 280px;
    }
    .BARRITAS_PANTALLA {
        width: 100%;
        position: absolute;
        top: 20px;
        left: 60px;
    }
    .WEBPAGE_FRONTEND {
        width: 90px;
        margin: auto;
        display: block;
        justify-content: center;
        align-self: center;
        position: relative;
        top: -200px;
        left: 80px;
    }
    .MACBOOK_WP:before {
        content: "";
        width: 70px;
        height: 9px;
        background: #45454575;
        position: absolute;
        top: 180px;
        left: 200px;
    }
    .BACKEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
        flex-wrap: wrap-reverse;
    }
    .RUEDITA_GRANDE {
        width: 180px;
        top: 0px;
    }
    .RUEDITA_PEQUENA {
        width: 130px;
        top: 10px;
        left: -17px;
    }
    .WE_PROGRAMMING {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 22px;
    }
    .PROGRAMING_ICONS {
        width: 90%;
        padding: 10px;
    }
    .BOX3 {
        width: 100%;
    }
    .BOX3 h2 {
        width: 80%;
    }
    .Skill_Description {
        width: 80%;
        font-size: 16px;
    }
    .BOX_WEBDEV {
        width: 80%;
        padding: 10px;
    }    
    .CONTACT_AD {
        width: 100%;
        padding: 4px;
        margin: 10px auto;
        font-size: 18px;
    }
    .CONTACT_AD::after {
        display: none;
    }
    .CONTACT_AD::before {
        display: none;
    }
    .BOX_WEBDEV p {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 400;
    }
    .WSP_icon {
        bottom: 10px;
        left: 5px;
    }
    .BOXFOOTER_1 {
        flex-wrap: wrap;
    }
    .FOOTERINFO, .FOOTERLOGO, .FOOTERLOCAT {
        width: 100%;
    }
}
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*----------------------------- RESPONSIVE 438px -------------------------------*/
/*---------------------------- PANTALLAS MEDIANAS ------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
@media screen and (max-width: 438px) {
    
    .WEB_DESIGN_FLORIDA_SERVICE {
        width: 80%;
        margin: auto;
        font-size: 16px;
        padding: 5px;
    }
    
    .WEB_DESIGN_FLORIDA_TEXT {
        width: 80%;
        margin: 30px auto;
        font-size: 14px;
        padding: 10px;
    }
    
    .WEB_DESIGN_FLORIDA_h2 {
        width: 80%;
        margin: auto;
        font-size: 14px;
        padding: 5px;
    }
    .WEBARTED_LOGO {
        width: 200px;
        padding: 10px;
        margin: auto;
    }
    .WEB_DESIGN_EXP {
        width: 90%;
        padding: 10px;
        font-size: 15px;
    }
    .WEB_DESIGN_P {
        width: 90%;
        padding: 10px;
        font-size: 14px;
    }
    .EXPERIENCE_WEB {
        width: 100%;
        padding: 20px;
        margin: auto;
    }
    .WEB_EXPERIENCE {
       width: 100%;
       margin: auto;
    }
    .WEB_1 {
        width: 320px;
        height: 350px;
        margin: 40px auto;
        box-shadow: 2px 2px 4px #2d2d2d;
        padding: 10px;
    }
    .WEB_ICONS {
        width: 25%;
        padding: 10px;
    }
    .DESCRIPTION_ICONS {
        font-size: 15px;
    }
    .WORKSWEB_MADE {
        width: 100%;
        margin-bottom: 30px;
    }
    .WE_PROGRAMMING {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 24px;
    }
    .DEVELOPMENT {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 24px;
        font-weight: 400;
    }
    .BOX_PROJECTSWEB {
        width: 100%;
        padding: 10px;
    }
    .WORKS {
        width: 500px;
        margin: 40px auto;
    }
    .WORKS_MADE {
        width: 100%;
        display: block;
    }
    .BOX2 {
        width: 90%;
        border-radius: 15px 0px 0px 0px;
    }
    
    .BOX2 h2 {
        width: 100%;
        text-align: left;
        font-size: 12px;
    }
    .BOX2 p {
        width: 100%;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 12px;
    }
    .FRONTEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
    }
    .FRONTEND_WORK, .BACKEND_WORK {
        width: 90%;
        font-size: 20px;
    }
    .FRONTEND, .BACKEND {
        width: 90%;
        font-size: 14px;
    }
    .MACBOOK_WP {
        width: 300px;
        top: 25%;
        left: 10%;
    }
    .MACBOOK {
        width: 280px;
    }
    .BARRITAS_PANTALLA {
        width: 100%;
        position: absolute;
        top: 20px;
        left: 60px;
    }
    .WEBPAGE_FRONTEND {
        width: 90px;
        margin: auto;
        display: block;
        justify-content: center;
        align-self: center;
        position: relative;
        top: -200px;
        left: 80px;
    }
    .MACBOOK_WP:before {
        content: "";
        width: 70px;
        height: 9px;
        background: #45454575;
        position: absolute;
        top: 180px;
        left: 200px;
    }
    .FRONTEND_BOX, .FRONTEND_IMG_BOX, .BACKEND_BOX, .BACKEND_IMG_BOX {
        width: 100%;
    }
    .BACKEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
        flex-wrap: wrap-reverse;
    }
    .RUEDITAS {
        width: 100%;
        left: 5%;
    }
    .RUEDITA_GRANDE {
        width: 180px;
        top: 0px;
    }
    .RUEDITA_PEQUENA {
        width: 130px;
        top: 10px;
        left: -17px;
    }
    .BOXSERVER {
        width: 160px;
        left: 00%;
    }
    .WE_PROGRAMMING {
        width: 90%;
        margin: auto;
        padding: 10px;
        font-size: 24px;
    }

    .PROGRAMING_ICONS {
        width: 90%;
        padding: 10px;
    }
    .BOX3 {
        width: 100%;
    }
    .BOX3 h2 {
        width: 100%;
    }
    .Skill_Description {
        width: 100%;
        font-size: 14px;
    }
    .BOX_WEBDEV {
        width: 100%;
        padding: 10px;
    }  
      
    .CONTACT_AD {
        width: 100%;
        padding: 4px;
        margin: 10px auto;
        font-size: 16px;
    }
    .CONTACT_AD::after {
        display: none;
    }
    .CONTACT_AD::before {
        display: none;
    }
    .BOX_WEBDEV p {
        width: 100%;
        padding: 10px;
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 400;
    }
    .BOX_CONTACT {
        width: 100%;
    }
    .MIAMI_CONTACT, .CALIFORNIA_CONTACT {
        width: 50%;
        background: #ffffff;
        padding: 10px;
        position: relative;
        transition: transform .2s;
        margin: auto;
    }

    .MIAMI, .CALIFORNIA {
        width: 140px;
        border-radius: 20px;
        font-size: 14px;
        text-align: center;
    }

    .BOXFOOTER_1 {
        flex-wrap: wrap;
    }
    .FOOTERINFO h2 {
        width: 100%;
        font-size: 15px;
    }

    .FOOTERLOCAT h2 {
        width: 100%;
        font-size: 15px;
    }
    .FOOTERINFO, .FOOTERLOGO, .FOOTERLOCAT {
        width: 100%;
    }
    .LOGO {
        width: 160px;        
    }
    .MIAMI_LOCAT, .CALI_LOCAT {
        width: 100%;
    }
    .MIA, .CALI {
        width: 100%;
        font-size: 14px;
    }
    
    .MIAMI_ICON, .CALI_ICON {
        width: 50px;
    }
    .MIA_PHONE, .CALI_PHONE {
        width: 100%;
        font-size: 16px;
    }
    .BOXFOOTER_2 {
        width: 100%;
    }
    .BOXFOOTER_2 p {
        width: 90%;
        font-size: 12px;
        border-top: white 1px solid;
    }
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*----------------------------- RESPONSIVE 375px -------------------------------*/
/*---------------------------- PANTALLAS PEQUEÑAS ------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
}@media screen and (max-width: 375px) {

    #RAINING {
        width: 100%;
        height: 400px;
        position: relative;
        top: 0;
        left: 0;
        z-index: -1;
        font-size: 10px;
    }
    .BOX_WELCOME {
        width: 100%;
        margin: auto;
        padding: 0;
        position: absolute;
        top: 30px;
    }
    
    .WEB_DESIGN_FLORIDA_SERVICE {
        width: 80%;
        margin: auto;
        font-size: 16px;
        padding: 5px;
    }
    
    .WEB_DESIGN_FLORIDA_TEXT {
        width: 80%;
        margin: 30px auto;
        font-size: 14px;
        padding: 10px;
    }
    
    .WEB_DESIGN_FLORIDA_h2 {
        width: 80%;
        margin: auto;
        font-size: 14px;
        padding: 5px;
    }
    .WEBARTED_LOGO {
        width: 190px;
        padding: 10px;
        margin: auto;
    }
    .WEB_DESIGN_EXP {
        width: 95%;
        padding: 5px;
        font-size: 15px;
    }
    .WEB_DESIGN_P {
        width: 95%;
        padding: 10px;
        font-size: 14px;
    }
    .EXPERIENCE_WEB {
        width: 100%;
        padding: 20px;
        margin: auto;
    }
    .WEB_EXPERIENCE {
       width: 100%;
       margin: auto;
    }
    .WEB_1 {
        width: 320px;
        height: 350px;
        margin: 40px auto;
        box-shadow: 2px 2px 4px #2d2d2d;
        padding: 20px;
    }
    .WEB_ICONS {
        width: 25%;
        padding: 10px;
    }
    /*-------Revisar tamaño de letra o cambiar tipo de fuente-------*/
    .DESCRIPTION_ICONS {
        font-size: 14px;
    }
    /*--------------------------------------------------------------*/
    .WORKSWEB_MADE {
        width: 100%;
        margin-bottom: 30px;
    }
    .DEVELOPMENT {
        width: 100%;
        margin: auto;
        padding: 20px;
        font-size: 18px;
    }
    .BOX_PROJECTSWEB {
        width: 100%;
        padding: 10px;
    }
    .WORKS {
        width: 500px;
        margin: 40px auto;
    }
    .WORKS_MADE {
        width: 100%;
        display: block;
    }
    .BOX2 {
        width: 90%;
        border-radius: 15px 0px 0px 0px;
    }
    
    .BOX2 h2 {
        width: 100%;
        text-align: left;
        font-size: 12px;
    }
    .BOX2 p {
        width: 100%;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 12px;
        
    }
    .FRONTEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
    }
    .FRONTEND_WORK, .BACKEND_WORK {
        width: 90%;
        font-size: 20px;
    }
    .FRONTEND, .BACKEND {
        width: 90%;
        font-size: 14px;
    }
    .MACBOOK_WP {
        width: 300px;
        top: 25%;
        left: 10%;
    }
    .MACBOOK {
        width: 280px;
    }
    .BARRITAS_PANTALLA {
        width: 100%;
        position: absolute;
        top: 20px;
        left: 60px;
    }
    .WEBPAGE_FRONTEND {
        width: 90px;
        margin: auto;
        display: block;
        justify-content: center;
        align-self: center;
        position: relative;
        top: -200px;
        left: 80px;
    }
    .MACBOOK_WP:before {
        content: "";
        width: 70px;
        height: 9px;
        background: #45454575;
        position: absolute;
        top: 180px;
        left: 200px;
    }
    .RUEDITAS {
        width: 100%;
        left: 5%;
    }
    .RUEDITA_GRANDE {
        width: 180px;
        top: 0px;
    }
    .RUEDITA_PEQUENA {
        width: 130px;
        top: 5px;
        left: -17px;
    }
    .BOXSERVER {
        width: 160px;
        left: 00%;
    }

    .BACKEND_DEVELOPMENT {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
        flex-wrap: wrap-reverse;
    }
    .FRONTEND_BOX, .FRONTEND_IMG_BOX, .BACKEND_BOX, .BACKEND_IMG_BOX {
        width: 100%;
    }

    .PROGRAMING_ICONS {
        width: 90%;
        padding: 10px;
    }
    .BOX3 {
        width: 100%;
    }
    .BOX3 h2 {
        width: 100%;
    }
    .Skill_Description {
        width: 100%;
        font-size: 14px;
    }
    .BOX_WEBDEV {
        width: 100%;
        padding: 10px;
    }    
    .CONTACT_AD {
        width: 100%;
        padding: 4px;
        margin: 10px auto;
        font-size: 16px;
    }
    .CONTACT_AD::after {
        display: none;
    }
    .CONTACT_AD::before {
        display: none;
    }
    .BOX_WEBDEV p {
        width: 100%;
        padding: 10px;
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 400;
    }
    .BOX_CONTACT {
        width: 100%;
    }
    .MIAMI_CONTACT, .CALIFORNIA_CONTACT {
        width: 50%;
        background: #ffffff;
        padding: 5px;
        position: relative;
        transition: transform .2s;
        margin: auto;
    }
    
    .MIAMI, .CALIFORNIA {
        width: 120px;
        border-radius: 20px;
        font-size: 14px;
        text-align: center;
    }
    .WSP_icon {
        width: 35px;
        bottom: 5px;
        left: 0px;
    }
    .BOXFOOTER_1 {
        flex-wrap: wrap;
    }
    .FOOTERINFO, .FOOTERLOGO, .FOOTERLOCAT {
        width: 100%;
    }
    .MIAMI_LOCAT, .CALI_LOCAT {
        width: 100%;
    }
    /*------------------------------------------------------------------*/
    /*------------------------------------------------------------------*/
    .FOOTERINFO h2 {
        width: 100%;
        font-size: 14px;
    }
    .FOOTERINFO p {
        width: 100%;
        font-size: 12px;
        text-align: justify;
        margin: auto;
        padding: 10px;
    }
    .LOGO {
        width: 160px;        
    }
    .FOOTERLOCAT h2 {
        width: 100%;
        font-size: 14px;
    }
    .MIAMI_LOCAT, .CALI_LOCAT {
        width: 100%;
    }
    .BOX_MIA, .BOX_CALI {
        width: 70%;
        margin: auto;
    }
    
    .MIA, .CALI {
        width: 100%;
        font-size: 14px;
    }
    
    .MIAMI_ICON, .CALI_ICON {
        width: 50px;
    }
    .MIA_PHONE, .CALI_PHONE {
        width: 100%;
        font-size: 16px;
    }
    .BOXFOOTER_2 {
        width: 100%;
    }
    .BOXFOOTER_2 p {
        width: 90%;
        font-size: 12px;
        border-top: white 1px solid;
    }
}