.container{max-width:1600px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}h2{font-size:26px;margin:20px 0;text-align:center}h2 small{font-size:.5em}.responsive-table{padding:0 0}.responsive-table li{border-radius:3px;padding:25px 30px;display:flex;justify-content:space-between;margin-bottom:25px}.responsive-table .table-header{background-color:#000;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.03em}.responsive-table .table-row{background-color:#fff;box-shadow:0 0 9px 0 rgba(0,0,0,.1)}.responsive-table .col-1{flex-basis:10%}.responsive-table .col-2{flex-basis:20%}.responsive-table .col-3{flex-basis:30%}.responsive-table .col-4{flex-basis:40%}.responsive-table .col-O{flex-basis:15%}button{display:inline-block;font-size:14px;font-weight:700;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;margin-right:4px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.edit-button{background-color:#2196f3;color:#fff}.edit-button:hover{background-color:#1976d2}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#388e3c}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#c62828}.add-button{margin-top:1rem;background-color:#4caf50;color:#fff}.add-button:hover{background-color:#3e8e41}@media (max-width:767px){button{width:90px;height:50px}.delete-button{position:absolute}.responsive-table .table-header{display:none}.responsive-table li{display:block}.responsive-table .col{flex-basis:100%;display:flex;padding:10px 0}.responsive-table .col:before{color:#6c7a89;padding-right:10px;content:attr(data-label);flex-basis:50%;text-align:right}}