.hinta {
    margin-bottom: 40px;
    margin-top: 12px;
        font-size: 50px;
}
.nimi {
    margin-top: 70px;
    font-size: 30px;
}
img {
    margin-top: 30px;
}
p {
    max-width: 800px;
    hyphens: none;
}
.container {
overflow: auto;
}
.väri {
    border: none;
    font-size: 16px;
    padding: 6px;
}
.ostoskori {
    border: none;
    font-size: 18px;
    padding: 8px;
    font-family: "roboto bold";
}
.ostoskori:hover {
        transform: scale(1.03);
}
@media (min-width: 800px) {
.vasen {
    float: left;
    margin-top: 30px;
    }  
}

@media (max-width: 800px) {
    h1 {
        text-align: left;
    }
}