* {
    box-sizing: border-box;
}

body {
    background-color: #FFF;
    margin: 0;
    padding: 20px 5px 5px 20px;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
}

h2 {
    font-family: Lato;
    font-size: 16px;
    color: darkblue
}


p {
    color: #333;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
}

a {
    color: #006699;
    font-weight: 400;
    font-size: 16px;
    transition: color .2s ease,background .2s ease;
}

    a:hover {
        color: #28CAF0;
        font-size: 16px;
    }

@media only screen and (max-width: 700px) {
}

@media only screen and (max-width: 650px) {
}

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

/*  alla oli arvot 150 dpi ja 480px  */
@media only screen and (max-resolution: 300dpi) and (max-width: 680px) {
}