main {text-align:center; display:block;}
#titlebar {
    margin-bottom:12px !important
}
div {
    text-align:left;
}
section {
    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;
    font-size:25px;
    font-weight: normal;
    color:#acd241;
    margin-bottom:10px !important;
}
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:rgb(25, 52, 80);
    /* font-size:20px; */
    padding:20px;
    border-radius: 20px;
    padding-left:50px;
    margin-left:0px !important;
}
ul img {
    width:70%;
    margin-bottom:50px;
}
ul li {list-style-image: url(/tri/yes.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;
    } 
}