/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,  u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; font-weight:normal;
    } 
    blockquote, q{quotes:none;} 
    blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} 
    :focus{outline:0;} 
    ins{text-decoration:none;} 
    del{text-decoration:line-through;} 
    table{border-collapse:collapse; border-spacing:0;}
    
    /*MAIN*/
    
    body { 
    background: #fff;
    font-family: Jost, 'Century Gothic', sans-serif;
    font-style:normal;
    font-weight: normal;
    color: #693907;
    }
    
    header {
    width: 99%;
    position: relative;
    top: 0;
    left: 0;
    }
    
    section {
    margin: 4% auto;
    position: relative;
    text-align:center;
    }
    
    .stage {
    width:980px;	
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    clear: both;
    }
    
    h1 {
    font-size: 2.4rem;
    color: #371e04;
    line-height: 2.5rem;
    }
    h2 {
    color: #371e04;
    font-size: 2rem;
    line-height: 2.5rem;
    padding-top: 1.2rem;
    }
    h3 {
    color: #371e04;
    font-size: 1.5rem;
    line-height: 2.5rem;
    padding-top: 1.2rem;
    }
    h4 {
    color: #371e04;
    font-size: 1.4rem;
    padding: 0rem 1rem 0rem 1rem;
    }
    h5 {
    color: #371e04;
    font-size: 1.3rem;
    padding: 0rem 1rem 0rem 1rem;
    }
    h6 {
    color: #371e04;
    font-size: 1rem;
    padding: 0rem 1rem 0rem 1rem;
    }
    
    .subpart { 
    font-size: 1.2rem;
    color: #A35303;
    }
    
    p {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0rem 1rem 1rem 1rem;
    text-align:left;
    }
    
    .large {
    font-size: 1.45rem;
    line-height: 1.75rem;
    }
    
    .medium {
    font-size: 1.2rem;
    line-height: 1.5rem;
    }
    
    a img { border: none; }
    a:link {
    color: #a35303;
    text-decoration: none;
    }
    a:visited {
    color: #a35303;
    text-decoration: none;
    }
    a:hover, a:focus { 
    text-decoration: underline; 
    color: #333;
    }
    
    p a {
    text-decoration: underline !important;
    }
    .note_text a {
    text-decoration: underline;
    }
    
    .note_text {
    font-family: Jost, sans-serif;
    font-size: 0.8rem;
    }
    
    ol, ul { 
    list-style: disc;
    padding-left: 1rem;
    padding-right: 1rem;
    }
    .screen ol, .screen ul {
    background-color: #f5f0e8;
    }
    .screen li {
    padding-bottom: 0.5rem;
    }
    
    .button {
    font-family: Jost, 'Century Gothic', sans-serif;
    display: inline-block;
    color:#fff;
    background: #a35303;
    letter-spacing: .07rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 1em 1em;
    font-size: 1.2rem;
    border-radius: 0.35rem;
    transition: all 0.2s ease-in-out;
    }
    
    .button:hover {
    background: #693907;
    color: #fff;
    }
    
    .response { 
    color: #693907;
    padding: 2rem;
    font-size: 1.5rem;
    text-align:center;
    }
    
    .status { 
    color: #693907;
    padding: 1rem;
    font-size: 1.2rem;
    text-align: right;
    }
    
    footer {
    padding: 10px 0;
    clear: both;
    background-color: #e2d5c3;
    padding: 2rem;
    }
    
    .toggle {
    border: none;
    text-align: left;
    transition: 0.4s;
    line-height: 28px;
    }
    
    .toggle:hover { 
    background: #f5f0e8; 
    color: #693907;
    }
    
    .toggle:before {
    content: '\002B';
    background: #e3d0bc;
    border-radius: 50%;
    border: 1px solid #d7b695;
    text-align: center;
    height: 26px;
    width: 26px;
    margin-left: 1rem;
    margin-right: 1rem;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: #A35303;
    float: right;
    }
    .note_text.toggle:before {
    background: none;
    border-radius: 0px;
    border: none;
    font-size: .8rem;
    line-height: inherit;
    }
    .active:before { content: "\2212"; }
    
    .toggle.txt {
    padding-left: 1rem;
    border-top: 1px solid #f5f0e8;
    padding-bottom: 1rem;
    padding-top: 1rem;
    color: #A35303;
    }
    
    .screen {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    }
    
    .screen p {
    padding-top: 1rem;
    background-color: #f5f0e8;
    }
    
    .brown_circle {
    background: #A35303;
    border-radius: 50%;
    text-align: center;
    height: 36px;
    width: 36px;
    display: inline-block;
    font-size: 1.5rem;
    color: #fff;
    }
    
    .block {
    text-align: center;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem; 
    width: 100%;
    box-sizing: border-box; 
    -moz-box-sizing:border-box;
    }
    
    .share {
    height: 2rem;
    width: 2rem;
    padding: 1.56rem;
    }
    
    /*DIV IDS*/
    #logo { margin-top:.2rem; }
    
    #home_welcome {
    background-image:url(pix/group_standing_1126x644.jpg);
    background-size: 533px 322px;
    background-repeat:no-repeat;
    background-position: center;
    height: auto;
    }
    
    #introtext {
    font-size: 1.6rem;
    display: inline-block;
    padding-top: 260px;
    max-width: 390px;
    }
    
    #TM_style {
    vertical-align: super;
    font-size: .8rem;
    }
    
    /* FORMS */
    .form_container {
    padding: 5% 15%;
    background-color: #f3eee7;
    border-radius: 1rem;
    }
    
    fieldset {
    display: block;
    padding-block-start: 0.35rem;
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    padding-block-end: 0.35rem;
    min-inline-size: min-content;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    border-image: initial;
    margin-bottom: 2rem;
    }
    
    legend {
    font-size: 1.2rem;
    color: #371e04;
    line-height: 1.8rem;
    text-align: center;
    padding: 0rem;
    }
    
    .block label {
    margin-bottom: 0.2rem;
    font-size: 1.26rem;
    color: #371e04;
    line-height: 1.5rem;
    }
    
    .nofloat { float: none !important; }
    
    select { 
    /* padding-bottom: .125rem; */ 
    border-width: 2px;
    }
    
    input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea {
    font-family: Jost, 'Century Gothic', sans-serif;
    border-radius: 4px;
    color: #371e04;
    font-size: 1.2rem;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0.2rem;
    }
    
    input.usdollar[type="number"] {
    padding-left: 1rem;
    background-image: url('pix/usdollar.png');
    background-repeat: no-repeat;
    background-size: contain;
    }
    
    .left { text-align:left; }
    .center { text-align:center; }
    .right { text-align:right; }
    .white { background-color: #fff; }
    
    /*MEDIA QUERIES */
    
    @media only screen and (max-width: 380px) {
    .form_container { padding: 5% 5%; }
    .stage { width: 99%; }
    #topmenu { display:none; }
    }
    
    @media only screen and (min-width: 700px) {
     .block_half { 
     float: left; width: 50%; 
     box-sizing: border-box; -moz-box-sizing:border-box;
     }
     .block_third { 
     float: left; width: 33%; 
     box-sizing: border-box; -moz-box-sizing:border-box;
     }
     .block_quarter { 
     float: left; width: 25%; 
     box-sizing: border-box; -moz-box-sizing:border-box;
     }
    }
    
    @media only screen and (max-width: 820px) {
    #topmenu { display: none; }
    }
    
    @media only screen and (max-width: 980px)  and (min-width: 381px) {
    .stage { width: 95%; }
    #topmenu { margin-right: 5rem; }
    }