body { font-family:sans-serif; width: 960px;}
@media  screen  and (min-width:960px) { body {margin:0 auto; } }

@media only screen and (max-width:960px) { 
    body { font-family:sans-serif; margin:5px 20px;width:90%!important; }
    table { width:98%; }
}

#main-content { margin:10px; }
span.instructions {font-size:14pt;}
@media only screen and (min-width:960px) { 

}
/* Start: mast logo and button */
.mast-container { display: flex; align-items: center; }

body, html { font-family: "Be Vietnam Pro", sans-serif; font-weight: 300; }
p,li, label { font-size: 20pt; }
li { margin-bottom:0.65rem; }

p.intro { font-size:22pt; }

img#logo { width: 70%!important; height: auto; display:block;}
img#view-button { width: auto; padding-left:20px; opacity:.5; }
img#view-button:hover { opacity:1; }
img#view-button { visibility: hidden; }  

div.accordion { border:3px solid darkslateblue; border-radius:10px; padding:10px 20px; margin:10px; background-color:linen;} 
div.accordion:hover { cursor:pointer; } 
div.accordion h3 { font-size:25pt; margin:0px; font-family:'PT Sans Narrow', sans-serif;}
div.accordion h3.active { color: midnightblue; }
div.accordion i { padding-right:10px; width:50px; text-align: center; font-size:30pt;}
div.accordion .accordion-content { display:block; line-height:26pt;}
div.accordion.closed { background-color:white; }
div.accordion.closed .accordion-content { display:none; }

h2 { font-size:25pt; }
h3 { margin-top:40px; line-height:40px; }

.divider { display: block; width: 89%; height: 10px; left: center; border-bottom: 2px solid #ca150f;  margin: 0 auto; margin-bottom: 19px; }
 
  /* for drag/drop avatar uploader */
  #dropZone {
    font-size:18pt;
    border: 2px dashed #999;
    border-radius: 6px;
    padding: 30px;
    text-align: center;
    color: #222;
    cursor: pointer;
    margin:10px 30px;
  }
  #dropZone.dragover { background:#eef; }
  #preview img { max-width:150px; max-height:150px; margin-top:.5rem; border-radius:50% 50%; }
  #uploadResult #final-preview-image { border-radius:50% 50%; border:10px solid green; }
  #msg { color:#d00; margin-top:.5rem;  white-space: pre-line;}
  form#uploadForm { background-color:moccasin; margin:10px; padding:10px; }
  .button-container { display:block; text-align:center; }
  button[type=submit] { font-size:18pt; }
  .handle-container { display:block; text-align:center; }
  input[name=username] { font-size:18pt; }
  #msg, #preview, #dropZone { display:block; text-align:center; font-size:18pt;}
  button#resetUpload { font-size:18pt; }
  .resetUpload-container { display:block; text-align:center; margin-top:20px;}
  i.fas.fa-tools { font-size:14pt; }