COMMON CSS

body {
    font-family: -apple-system-font, "Helvetica Neue", sans-serif;
}

@media screen and (min-width: 480px) and (max-width:639px) {
    html {
        font-size:15px
    }
}

@media screen and (min-width: 640px) and (max-width:719px) {
    html {
        font-size:20px
    }
}

@media screen and (min-width: 720px) and (max-width:749px) {
    html {
        font-size:20px
    }
}

@media screen and (min-width: 750px) and (max-width:799px) {
    html {
        font-size:20px
    }
}

@media screen and (min-width: 800px) and (max-width:959px) {
    html {
        font-size:25px
    }
}

@media screen and (min-width: 960px) and (max-width:1079px) {
    html {
        font-size:30px;
    }
}

@media screen and (min-width: 1080px) {
    html {
        font-size:32px
    }
}



.border-1px {
    position: relative
}

.border-1px:before {
    display: block;
    content: '';
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .border-1px:before {
        right:-100%;
        bottom: -100%;
        -moz-transform: scale(0.5,.5);
        -ms-transform: scale(0.5,.5);
        -webkit-transform: scale(0.5,.5);
        transform: scale(0.5,.5)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .border-1px:before {
        right:-200%;
        bottom: -200%;
        -moz-transform: scale(0.33333,.33333);
        -ms-transform: scale(0.33333,.33333);
        -webkit-transform: scale(0.33333,.33333);
        transform: scale(0.33333,.33333)
    }
}

.border-1px.border-all:before {
    border: 1px solid #ddd
}

.border-1px.border-top:before {
    border-top: 1px solid #ddd
}

.border-1px.border-bottom:before {
    border-bottom: 1px solid #ddd
}

.border-1px.border-left:before {
    border-left: 1px solid #ddd
}

.border-1px.border-right:before {
    border-right: 1px solid #ddd
}