body, html 
  { height: 100%;
    margin: 0;
    font-family: 'Exo 2', sans-serif;
  }
  
.neatline 
  { border-top:1px solid rgb(82,56,38); 
    line-height:5px;
  }  
  
.text-xl
  {font-size: 1.1rem;
  }
  
.text-lg
  {font-size: 1.0rem;
  }  
  
.text-med
  {font-size: 0.9rem;
  }  
  
.text-sm
  { font-size:0.8rem;
  }
  
.black-text
  { color: black;
    font-weight:600;
  }  
  
.gray-text
  { color:#333333;
  }
  
.figbordercolor
  { border: 1px solid rgb(0,68,27);
  }
  
.gaptop--10
  { margin-top: -10px;
  }
  
.gaptop--30
  { margin-top: -30px;
  }  
  
.gaptop-10
  {	margin-top: 10px;
  } 
 
.gaptop-20
  {	margin-top: 20px;
  }
  
.gaptop-30
  {	margin-top: 30px;
  }  

.gapbottom-5
  {	margin-bottom: 5px;
  }
  
.gapbottom-10
  {	margin-bottom: 10px;
  }  
  
.gapbottom-20
  {	margin-bottom: 20px;
  }
  
.gapbottom-30
  {	margin-bottom: 30px;
  }
  
.gapleft-5
  { margin-left: 5px;
  }  
  
.gapleft-10
  { margin-left: 10px;
  }
  
.gapleft-20
  { margin-left: 20px;
  }
  
.gapleft-50
  { margin-left: 50px;
  }
  
.gapright-10
  { margin-right: 10px;
  } 
  
.gapright-20
  { margin-right: 20px;
  }
  
@media (min-width: 577px) {
  .col-form-label {
    text-align: right;
  }
}