/*font-style: Verdana (sans-serif); */
   .error {
      font-size:14px;
      color: red;
      text-align: center;
 /*     text-transform:uppercase; */
      font-weight: bold;
      display: block; 
    }
    .button-container {
  display: flex;
  font-size:inherit;
  }
  .left-button {
  margin-right: auto;
  }
   .page-brand-info .brand-img {
  vertical-align: middle;
}
.page-brand-info .brand-txt {
  display: inline-block;
  margin: 11px 0 11px 20px;
  vertical-align: middle;
  font-size:30px;
}
  @media screen and (min-width: 1200px) { /*==== COL-LG = Desktops =====*/
   .marker_text{
   	font-size:20px;
   	font-weight:bold;
   }
   .sub_text{
   	font-size:18px;
   	font-weight:400;
   	font-style:italic;
   }
}
 @media screen and (min-width: 992px) and (max-width: 1199px) { /*==== COL-MD= Laptops ===*/
   .marker_text{
   	font-size:18px;
   	font-weight:bold;
   }
   .sub_text{
   	font-size:15px;
   	font-weight:400;
   	font-style:italic;
   }
}
 @media screen and (min-width: 768px) and (max-width: 991px) { /*=== COL-SM= Tablets and small laptops ===*/
   .marker_text{
   	font-size:16px;
   	font-weight:bold;
   }
   .sub_text{
   	font-size:13px;
   	font-weight:400;
   	font-style:italic;
   }
    #clear, #submit{
    font-size:12px;
    } 
    .error {
    font-size:12px;
    }
} 
  @media only screen and (max-width: 767px) { /*=== COL-XS = Mobile Devices ===*/
   .marker_text{
   	font-size:14px;
   	font-weight:bold;
   }
   .sub_text{
   	font-size:11px;
   	font-weight:400;
   	font-style:italic;
   }
    #clear, #submit{
    font-size:12px;
    }
    .brand, .brand-text{
    font-size:14px;
    }
    .error {
    font-size:10px;
    }
}