#content{
} 
.scrollpage{
    width: 100%;
    display: grid; 
    grid-template-columns: 10% repeat(10, 1fr) 10%; 
    grid-template-rows: repeat(7, 1fr); 
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.c_85{
    height: 85vh;
}
.c_90{
    height: 90vh;
}
#1{
    height: 85vh;
}
#thumbnail{
    grid-area: 2 / 3 / 7 / 7;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
#thumbnail img{
    width: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    max-height: 100%;
    top: 0px;
}
#info{
    padding-top: 10%;
    padding-left: 5%;
    grid-area: 2 / 7 / 7 / 11;
    font-family: Outfit;
    display: flex;
    flex-direction: column;
}
.i_table{
    width: 100%;
    height: 40%;
}
#info h1{
    font-weight: 400;
    font-size: 2vw;
    margin-bottom: 5%;
    margin-left: 1%;
}
#info hr{
    background-color: #e2e2e2;
    border: 0;
    width: 100%;    
    height: 1px;
    margin-bottom: 5%;
}
td{
    padding: 1%;
    vertical-align: top;
    font-size: 1.1vw;
}
.i_1{
    text-align: left;
    width: 20%;
}
.i_2{
    width: 70%;
    
}
#info table{
    margin-left: 3%;
    font-weight: 200;
}
table.table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
@media (max-width: 850px){
    .scrollpage{
        display: grid; 
        grid-template-columns: 10% repeat(3, 1fr) 10%; 
        grid-template-rows: 10% 50% 30% 10%; 
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .c_85{
        height: 85vh;
    }
    .c_90{
        height: 90vh;
    }
    #thumbnail{
        grid-area: 2 / 2 / 3 / 5;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
    }
    #thumbnail img{
        height: 100%;
        width: auto;
    }
    #info{
        grid-area: 3 / 2 / 4 / 5;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0;
    }
    #info h1, #info hr{
        display: none;
    }
    #info td{   
        font-size: 1rem;
    }
    table.table {
      width: 100%;
      text-align: left;
      border-collapse: collapse;
    }
    .i_table{
        height: auto;
    }
}
 
 