.logo {
    position: absolute;
    width:50px;
    height:auto;
    top:5%;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
}

.text1 {
    font-family: Times New Roman;
    text-align:center;
    position: absolute;
    top:0%;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
}

.product {
    list-style-type: none;
    position: absolute;
    width:600px;
    height:auto;
    top:20%;
    right: 50%;
    background-color:white; }

.product:hover{overflow-y: scroll;} 

img {
    width:600px;
    height:auto;
}


.description {
    text-align: left;
    position: absolute;
    width:400px;
    height:auto;
    top:30%;
    left: 60%; 
    margin-left: auto; 
    margin-right: auto; 
}



@media screen and (max-width: 800px) {

.logo {
    position: absolute;
    width:50px;
    height:auto;
    top:5%;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
}

.product {
    position: absolute;
    width:400px;
    height:auto;
    top:20%;
    overflow:hidden;
    right: 0;
    left: 0;
    margin-left: auto; 
    margin-right: auto; 
    background-color:white; }

img {
    width:400px;
    height:auto;
}


.description {
    position:absolute;
    top:100%;
    left:10%;
    right:10%;
    font-size:12px;
    text-align: left;
    width:auto;
}
}