*:before,
*:after { box-sizing: border-box; }
  
body { font-size: 100%; font-family: verdana, arial, serif; margin: 0px; padding: 0px; }

label:before, .required:before     { content:"* "; color: red;  }        
              .not-required:before { content:" ";  color: #fff; }  

.outer { width: 80%; margin: auto; }
  
.flex-container         { margin-top: 50px; display: flex; align-items: center; padding: 0 40px; }
.flex-container .circle {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #c2c2c2;
  font-size: 10px;
  text-align: center;
  color: #ffffff;
  position: relative;
  line-height: 50px;
  font-size: 20px;
}
  
.step                { display: flex; align-items: center; flex-direction: column; position: relative; z-index: 1; }
.step.active p       { color:      green; }
.step.active .circle { background: green; }
.step p {
  text-align: center;
  position: absolute;
  bottom: -40px;
  color: #c2c2c2;
  font-size: 14px;
  font-weight: bold;
  left: 50%;
  transform: translateX(-50%);
}

.line        { background: #c2c2c2; width: 100%; height: 2px; flex: 1; }
.line.active { background: green; }
  
.nomarginbottom { margin-bottom: 0px; }

#banner {
  height: 90px;
  width: 100%;
  background-color: rgba(4,34,62,1);
  padding: 12px;
}

#banner img {
  max-width: 100%;
}

#pymtinfo    { margin-top: 20px; width: 60%; margin: 0 auto 0 auto; }        
#pymtinfo ul { margin-top:  0px; margin-bottom: 20px; }
  
fieldset     {border: 1px dotted #ccc; padding: 10px; border-radius: 10px; margin: 0px auto 30px auto;}  
  .red       {color: red;}    
  
/* MEDIA QUERIES */
@media screen and (max-width: 1200px) { #pymtinfo      { width:  70%; }}        
@media screen and (max-width: 1024px) { .responsiveimg { width: 100%; height: auto; } .outer { width:  90%; }
                                        .list-inline-item span {display: block;}}          
@media screen and (max-width:  800px) { #pymtinfo      { width: 100%; margin: 0;    } .outer { width: 100%; }  
                                        #pymtinfo .list-inline-item {padding: 10px;}
                                        footer    .list-inline-item {font-size: 0.85em;} 
                                        .lead {font-size: 1.0rem;} 
                                      }