main {text-align:center; display:block;}
#titlebar {
    margin-bottom:12px !important
}
div {
    text-align:left;
}
section {
    text-align:left !important;
    display:inline-block;
    width:95%;
    max-width:1024px;
    margin-bottom:50px !important;
}
section:nth-child(2) {
    margin-top:20px !important;
}
section:last-child {
    margin-bottom:0px !important;
}
/* section a {
    color:#50c4b7 !important
} */
/* section a:hover {
    background-color:transparent !important;
    color:#acd241 !important
} */
.subtitle {
    margin-top:20px;
    margin-bottom:clamp(15px, 2vw, 25px) !important;
    /* font-size:25px; */
    color: #666;
    font-weight: normal;
    text-align: left;
    border-bottom: #666 solid 1px;
    padding: 5px;

}
footer div {
    text-align:center;
}
.host {
    display:inline-block;
    width:80%;
    max-width:1024px;
}
#pragma {
    width:150px;
    margin-left:50px;
}
#drabstract {
    width:92px;
    margin-left:64px;   
}
ol, ul {    
    background-color:white;
    /* font-size:20px; */
    padding:20px;
    border-radius: 20px;
    padding-left:50px;
    margin-left:0px !important;
    border: thin solid #ddd;
    /* box-shadow: rgba(0,0,0,.1) 2px 2px 5px; */
}
ul img {
    width:70%;
    margin-bottom:50px;
}
ul li {list-style-image: url(/tri/bul.png) !important; margin-bottom:6px;}
ul a {color:#d1a170}
ul a:hover {color:#acd241} 

@media all and (max-width: 640px){
    /* these styles show if screen width is less than or equal to 640 */             
    ol, ul {   
        font-size:16px;
        padding:15px;
        border-radius: 15px;
        padding-left:30px;
        margin-left:0px !important;
    }
    #titlebar {
        font-size:30px;
        margin-bottom:-1.5vw !important;
    }
 }

 @media all and (min-width: 640px) and (max-width: 900px) {
    /* these styles show if screen width is between 640 and 900 */             
    #titlebar {
        font-size:30px;
        margin-bottom:-.5vw !important;
    } 
}