/* Display Classes */
.block {display: block; width: 100%}
.inline-block {display: inline; width: 100%}

/* Clear floats */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Margin */
.margin-16{margin:16px!important}
.margin-24{margin:24px!important}
.margin-48{margin:48px!important}

.margin-left{margin-left:16px!important}
.margin-right{margin-right:16px!important}

.margin-top-16{margin-top:16px!important}
.margin-top-24{margin-top:24px!important}
.margin-top-48{margin-top:48px!important}
.margin-top-84{margin-top:84px!important}

.margin-bottom-16{margin-bottom:16px!important}
.margin-bottom-24{margin-bottom:24px!important}
.margin-bottom-48{margin-bottom:48px!important}
.margin-bottom-84{margin-bottom:84px!important}

/* Padding */

.padding-none{padding:0px!important}

.padding-16{padding-top:16px 0!important}
.padding-left-16{padding-left:16px!important}
.padding-right-16{padding-right:16px!important}

.padding-12{padding-top:12px!important;padding-bottom:12px!important}
.padding-24{padding-top:24px!important;padding-bottom:24px!important}
.padding-48{padding-top:48px!important;padding-bottom:48px!important}

.padding-bottom-24{padding-bottom:24px!important}
.padding-bottom-48{padding-bottom:48px!important}
.padding-bottom-84{padding-bottom:84px!important}

.padding-top-24{padding-top:24px!important}
.padding-top-48{padding-top:48px!important}
.padding-top-84{padding-top:84px!important}

/* Utility Classes */
.width-48 {width: 48%}
.width-84 {width: 84%}
.width-96 {width: 96%}

@keyframes zoomIn {
  from { opacity: 0; transform: scale(0.5); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes fadeIn { 
  0% { opacity: 0; } 
  100% { opacity: 1; } 
}