@charset"utf-8";
body{font-family: sans-serif;}
.mainblock{width: 400px;
           margin: auto;
           border: solid  #663300;
           border-radius: 5%;}

#title{font-size: 12pt;
            border: none;
            padding: 10px;
            background-color: #666600;
            color: white;
            border-radius: 40%;
            text-align: center;
            margin-top: 15px;
     }

h2{background-color: #663300;
    color: white;
    margin: 15px;
    padding: 5px;
}
.reservation{        margin-bottom: 10px;
    border-bottom: solid #666600;}
.reservationcontent {
        margin: 15px; 
        display: block; 
 }

 h3{margin-bottom: 0;
    padding: 5px;
    background-color: #CCCC99;}
 p{margin-top: 5px;}

 #confirmbutton{margin-top: 30px;}
 #cancelbutton{margin-top: 30px;}

 #reservationStatus{padding: 10px 20px;}
 #action_comment{padding: 10px 20px;}

 .homereturn{margin: 0 30px 10px 30px;
    text-align: center;}
.hootcontainer{background:#666600; 
            text-align: center;
            font-size: 12px;
            color: white;
            width: 400px;
            margin:auto;
        }


        @media screen and (max-width:768px){
            .mainblock{
                width: auto;
                border-radius:none;
    }
            #title{
                padding: none;
         }
    
            .hootcontainer{
                width: auto;
            }
        }