@media screen and (min-width: 1025px){
    
    #bottom > div{ width: 70vw; margin: 0 auto; padding: 5vh 0 10vh;  border-bottom: 1px solid #ccc; }
    #bottom > div:first-child{ padding-top: 0; }
    #bottom > div:last-child{ border-bottom: none; padding-bottom: 0; }
    .title{ display: table; width: 60vw; margin: 5vh auto 10vh; }
    .title > h4{ display: table-cell; width: 40%; font-size: 2rem; font-weight: 800; color: #022601; vertical-align: middle; text-align: center; }
    .title > p{  display: table-cell; width: 60%; font-size: 1.3rem; vertical-align: middle; }
    #bottom > div > ul{ float: left; display: table; width: 40%; min-height: 30vh; margin-left: 5%; }
    #bottom > div > ul > li{ display: table-cell; vertical-align: middle; text-align: center; }
    #bottom > div > ul > li > img{ width: 75%; border-radius: 5px; }
    #bottom > div > .txt{ display: inline-block; width: 55%; min-height: 30vh; padding: 10vh 0 0 2vw; line-height: 1.8rem; font-size: 1.1rem; }
    .parking_time{ display: inline-block; width: 55%; min-height: 40vh; padding-left: 2vw; }
    .parking_time > h6{ font-size: 1.1rem; line-height: 1.7rem; margin-bottom: 2vh; }
    .parking_time > ul{ font-size: 1.1rem;  }
    .parking_time > ul > li{ font-size: .9rem; height: 3vh; min-height: 1.2rem; list-style: disc; margin-left: 1.4rem;  }
    .parking_time > ul > li:first-child{ color: #bf1e03; height: auto; min-height: 3vh; margin-top: 1rem; }

    
}


@media screen and (min-width: 768px) and ( max-width: 1024px){
    
    #bottom > div{ width: 80vw; margin: 0 auto; padding-bottom: 5vh;  border-bottom: 1px solid #ccc;  }
    #bottom > div:first-child{ padding-top: 0; }
    #bottom > div:last-child{ border-bottom: none; padding-bottom: 0; }
    .title{ display: table; width: 100%; margin: 6vh auto 3vh; }
    .title > h4{ display: table-cell; width: 40%; font-size: 2rem; font-weight: 800; color: #022601; vertical-align: middle; text-align: center; }
    .title > p{  display: table-cell; width: 60%; font-size: 1.1rem; vertical-align: middle; line-height: 1.7rem; }
    .sauna > ul, .lounge > ul{ float: left; display: table; width: 45%; min-height: 20vh;  }    
    .sauna > ul > li, .lounge > ul > li{ display: table-cell; vertical-align: middle; text-align: center; }
    .sauna img, .lounge img{ width: 90%; border-radius: 5px; }
    .parking > ul{ float: left; width: 45%; min-height: 25vh; padding-top: 3vh; }
    .parking > ul > li{ width: 100%; height: 50%; text-align: center; }    
    .parking img{ width: 60%; border-radius: 5px; margin-bottom: 2vh; }
    #bottom > div > .txt{ display: inline-block; width: 55%; min-height: 20vh; padding: 2.5vh 0 0 3vw; line-height: 1.8rem; font-size: 1.1rem; }
    .parking_time{ display: inline-block; width: 55%; min-height: 40vh; padding: 3vh 0 0 2vw; }
    .parking_time > h6{ font-size: 1rem; line-height: 1.7rem; margin-bottom: 2vh; }
    .parking_time > ul{ font-size: 1.1rem;  }
    .parking_time > ul > li{ font-size: .9rem; height: 2.5vh; min-height: 1.2rem; list-style: disc; margin-left: 1.4rem;  }
    .parking_time > ul > li:first-child{ color: #bf1e03; height: auto; min-height: 3.5vh; margin-top: .6rem; }

    
    
}




@media screen and ( max-width: 767px){ /* mobile */
    
    
    #bottom > div{ width: 90vw; height: auto; margin: 0 auto; padding-bottom: 5vh;  border-bottom: 1px solid #ccc; }
    #bottom > div:first-child{ padding-top: 0; }
    #bottom > div:last-child{ border-bottom: none; padding-bottom: 0; }
    .title{ display: table; width: 80vw; margin: 7vh auto 5vh; }
    .title > h4{ display: table-cell; width: 35%; font-size: 1.6rem;  font-weight: 800; color: #022601; vertical-align: middle; }
    .title > p{  display: table-cell; width: 65%; font-size: 1.2rem;  vertical-align: middle; line-height: 1.7rem; }
    #bottom > div > ul{ display: table; width: 100%; min-height: 15vh; }
    #bottom > div > ul > li{ display: table-cell; width: 50%; text-align: center; }
    #bottom > div img{ width: 80%; border-radius: 5px; }
    #bottom > div > .txt{ width: 100%; font-size: 1.1rem; padding: 5vh 3vw 0; line-height: 1.6rem; min-height: 15vh;  }
    .parking_time{ width: 100%; font-size: 1.1rem; padding: 5vh 3vw 0; line-height: 1.6rem; min-height: 25vh;  }
    .parking_time > h6{ font-size: 1.1rem; line-height: 1.7rem; margin-bottom: 2vh; }
    .parking_time > ul{ font-size: 1.1rem;  }
    .parking_time > ul > li{ font-size: 1rem; height: 2.5vh; min-height: 1.2rem; list-style: disc; margin-left: 1rem;  }
    .parking_time > ul > li:first-child{ color: #bf1e03; height: auto; min-height: 3.5vh; margin-top: .5rem; }
    
    
}