* {
  box-sizing: border-box;
}


.column {
  float: left;
  width: 50%;
  padding: 10px;
 
}

.container {
    width: 1000px;
    margin: auto;
}

.container-full {
    width: 100%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 812px) {
        
    .elc-res {
        margin: auto;
        display: table;
        width: 17vh !important;
    }    
        
    .column {
        float: none !important; 
        width: 100% !important;
        padding: 10px;

    }

    .container {
        width: 100% !important;
        margin: auto;
    }
        
    img.img-res {
        float: none !important;
        margin: auto;
        display: table;
        padding: 20px 0px;
        width: 29vh !important;
    }
}

@media only screen 
        and (min-device-width : 768px) 
        and (max-device-width : 1024px) {
            
        .elc-res {
            margin: auto;
            display: table;
            width: 17vh !important;
        }    

        .container {
        width: 100% !important;
        margin: auto;
    }	
        
}