/* CSS Document */
html, body {
    padding: 0px;
    margin: 0px;
}

body {
    background-color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    line-height: normal;
}

.wraper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

ul {
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 0px;
    list-style-position: outside;
    list-style-type: disc;
}

a:link, a:visited {
    color: #666666;
    text-decoration: none;
}

a:hover, a:active {
    color: #000000;
    text-decoration: none; /*underline*/
}

/*====*/

.copy {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    line-height: normal;
    font-size: 0.75em;
    color: #666666;
}

.copySpacer {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    line-height: normal;
    font-size: 0.3em;
}

.copySmaller {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    line-height: normal;
    font-size: 0.7em;
    color: #666666;
}

/*====*/

/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media only screen and (min-width:320px) {
    #content {
        transform: scale(0.5);
        margin-top: -100px;
    }
}
/* smartphones, Android phones, landscape iPhone */
@media only screen and (min-width:480px) {
    #content {
        transform: scale(0.7);
        margin-top: -58px;
    }
}
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
@media only screen and (min-width:600px) {
    #content {
        transform: scale(0.9);
        margin-top: -12px;
    }
}
/* tablet, landscape iPad, lo-res laptops ands desktops */
@media only screen and (min-width:801px) {
    #content {
        transform: scale(1.2);
        margin: 0px;
        margin-top: 56px;
    }
}
/* big landscape tablets, laptops, and desktops */
@media only screen and (min-width:1025px) {
    #content {
        transform: scale(1.5);
        margin: 0px;
        margin-top: 127px;
    }
}
/* hi-res laptops and desktops */
@media only screen and (min-width:1281px) {
    #content {
        transform: scale(1.7);
        margin: 0px;
        margin-top: 166px;
    }
}