body {
    color: #000;
    font: normal 400 18px sans-serif;
    margin: 0;
  }
  body.index {color: #333;}
  *,
  *::before,
  *::after{box-sizing: border-box;}
  a {
    color: #f0ab00;
    outline: none;
    text-decoration: underline;
  }
  a:hover,
  a:focus {color: #bfd730;}
  a.logo {
    background: url(logo1.png) center top no-repeat;
    background-size: contain;
    display: block;
    height: 60px;
    width: 298px;
    top: 10px;
    position: relative;
  }
  h1 {
    color: #000;
    font: normal 400 30px sans-serif;
    padding: 0;
  }
  h2 {
    color: #f0ab00;
    font: normal 400 24px sans-serif;
    margin-bottom: 15px;
    padding: 0;
  }
  h3 {
    font: normal 700 1.17em/1.27em sans-serif;
    margin: 1em 0;
    padding: 0;
  }
  img {
    border: 0;
    display: block;
  }
  ol, ul {
    margin: 1em 0;
    padding: 0 0 0 1.25em;
  }
  p {
    margin: 1em 0;
    padding: 0;
  }
  .contain {
    margin: 0 auto;
    width: 1200px;
  }
  .fill {
    min-width: 1200px;
    width: 100%;
  }
  .bottom {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .top {
    margin-top: 0;
    padding-top: 0;
  }
  /* header */
  header {
    border-bottom: 1px solid #000;
    display: block;
    background-color: #000;
  }
  .index header {border: none;}
  header > .contain {
    display: flex;
    justify-content: space-between;
    padding: 20px 61px;
  }
  #logo-banner {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    align-items: baseline;
    border-bottom: 1px solid #D9D9D9;
  }
  #logo-banner h1{
    font-weight: 600;
    font-size: 46px;
  }
  #epAttention {
    padding: 10px 0;
    text-align: center;
    background-color: rgba(51, 51, 51, 1);
    font: normal 400 14px sans-serif;
    color: #fff;
    min-width:1200px;
    width:100%;
  }
  #epLang {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 2px 30px;
    margin-left: 15px;
    position: relative;
    top:0px;
    border: 1px solid #a4a4a4;
    border-radius: 5px;
    z-index: 1000;
    height: 23px;
    font-size: 18px;
    line-height: 18px;
    bottom: 25px;
}
#epLang > a {display: none;}
#epLang > div {
    text-align: center;
    /* width: 100px; */
}
#epLang a {text-decoration: none;}
#epLang a:hover,
#epLang a:focus {
    background: rgb(31, 61, 153);
    font-weight: 500;
    padding: 10px;
    /* margin: 4px 0px; */
    text-decoration: none;
}
#epLangDrop {
    background: #f0ab00;
    border: 1px solid #a7a9ac;
    display: none;
    left: 0px;
    position: absolute;
    top: 23px;
    width: 161px;
}
#epLangDrop a {
    display: block;
    font-weight: 500;
    padding: 10px;
}
#epLang:hover #epLangDrop,
#epLang:focus #epLangDrop {display: block;}
  nav {
    display: flex;
    font: normal 400 18px sans-serif;
    justify-content: space-between;
    align-items: right;
    padding-left: 49%;
  }
  nav a {
    color: #fff;
    display: inline-block;
    padding: 0 15px;
    text-decoration: none;
  }
  nav a:hover,
  nav a:focus {color: #fff;}
  #issues-heading {text-align: center;}
  .banner {
    background: #ccc no-repeat center center;
    background-size: cover;
    min-height: 558px;
    display: block;
    position:relative;
    /* padding: 50px 0 100px; */
  }
  .fadeimages {
    background-size:cover;
    background-position:center bottom;  
    background-repeat:no-repeat;
    width: calc(100vw - (100vw - 100%));
    height: 600px;
  }
  .fadeimages div {
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    height: 600px; 
    width: 100% !important;  
  }
  .buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* padding: 10px 25px; */
    z-index: 2000;
    position: relative;
    margin: -550px auto;
    width: 1200px;
  }
  .buttons a {
    align-items: center;
    background: #f0ab00;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    padding: 30px;
    position:relative;
    margin-bottom:20px;
    text-decoration: none;
    width: 400px;
  }

  .buttons a:hover{
    background: rgb(31, 61, 153);
  }
  .buttons span.title {
    display: block;
    font-size: 21px;
    text-align: center;
    width: 100%;
  }

  .buttons a.mobile::after {
    background: #fff url(qr.png) center center no-repeat;
    background-size: contain;
    content: "";
    height: 80px;
    position: absolute;
    right: -100px;
    top: 0;
    width: 80px;
}
  /* content */
  main {
    display: block;
    padding: 30px 0 70px;
    min-height: 500px;
  }
  .mainHome {}
  section {display: block;}
  section.flex {
    display: flex;
    padding: 20px 0;
  }
  .text-index {margin-top: 50px;}
  [class^="col-"] { /* Applies to all CSS classes that start with "col-" */
    vertical-align: top;
  }
  .col-100 {
    display: inline-block;
    padding: 10px 25px;
    width: 100%;
  }
  .col-66 {
    display: inline-block;
    padding: 10px 25px;
    vertical-align: top;
    width: 66%;
  }
  .col-50 { /* Column-50 is technically 49% so columns do not break to a new line in all browsers */
    display: inline-block;
    padding: 10px 25px;
    width: 49%;
  }
  .col-33 {
    display: inline-block;
    padding: 10px 25px;
    width: 33%;
  }
  .col-left {
    margin-right: 2%;
    padding: 10px 25px;
    width: 60%;
  }
  .col-right {
    padding: 10px 25px;
    width: 38%;
  }
  #helpText{
  margin:110px auto auto auto;
  width:600px;
  }
  #epEmergency {
    padding: 10px 0;
    text-align: center;
  }
  #epEmergency br {display: none;}
  #epEmergency strong {
    display: inline-block;
    margin-right: 7px;
  }
  #epDDN {
    font-weight: bold;
    white-space: nowrap;
  }
  .listor {
    list-style: none;
    margin: 1em 0;
  }
  /* dp and phone */
  #epDataPrivacy .online, #epDataPrivacy .phone, #epDataPrivacy .output {display: none;}
  #epDataPrivacy ol.dropDowns {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #epDataPrivacy .text {color: #000;}
  #epPhone{width:500px;}
  #helpText{
    margin:110px 0px 0px auto;
    width:600px;
    }
  select {
    font: normal 400 14px sans-serif;
    margin: 5px 0 15px;
    min-width: 355px;
    padding: 5px;
  }
  button, .submit {
    background: #f0ab00;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    margin: 15px 0;
    padding: 6px 24px;
    text-decoration: none;
  }
  button:disabled, button:disabled:hover, input.submit:disabled, input.submit:disabled:hover,
  button:disabled, button:disabled:focus, input.submit:disabled, input.submit:disabled:focus {
    background: #ccc;
    cursor: default;
  }
  button:hover, .submit:hover,
  button:focus, .submit:focus {
    color: #000;
    background: #D9D9D9;
  }
  .nowrap {white-space: nowrap;}
  /* issues */
  #epIssues {width: 100%;}
  #epIssues .category {
    display: flex;
    margin-bottom: 20px;
  }
  #epIssues .category{background: #000;}
  #epIssues .catdesc {display: none;}
  #epIssues .catname {
    color: #fff;
    font: normal 700 20px sans-serif;
    padding: 20px 20px 20px 30px;
    width: 24%;
  }
  #epIssues .details {
    font: italic 400 11px sans-serif;
    position: absolute;
    right: 7px;
    text-decoration: underline;
    top: 3px;
  }
  #epIssues .issue {
    margin-bottom: 10px;
    padding: 0 5px 10px 10px;
    position: relative;
    color: black;
    display: flex;
    margin-bottom: 10px;
  }
  #epIssues .issue:last-of-type {margin-bottom: 0;}
  #epIssues .issue:hover,
  #epIssues .issue:focus {background: #fff;}
  #epIssues .issuebox {
    background: #fff;
    padding-left: 20px;
    width: 76%;
  }
  #epIssues .name {
    font: normal 400 20px/28px sans-serif;
    padding: 5px 0;
    display: flex;
    padding: 35px 25px;
    width: 260px;
    justify-content: center;
    text-align: center;
    align-items: center;
    background: #D9D9D9;
  }
  #epIssues .desc {
    color: #000;
    font-size: 16px;
    padding: 0 60px 10px 250px;
    border: 1px solid #D9D9D9;
    font-size: 14px;
  padding: 15px;
  align-content: center;
  align-items: center;
  display: inherit;
  width:935px;
  }

  .issue:hover .desc {
    background-color: #D9D9D9;
  }
  input.text-input  {
    margin: 5px 0 20px;
    min-width: 300px;
    padding: 5px;
  }

  .notice li {
    font: normal 700 20px/20px sans-serif;
  }

  .notice .expand-button {
    color: #f0ab00;
  }
  .follow-page section span {font-size: 18px;}
  /* footer */
  footer {
    border-top: 1px solid #000;
    font-size: 14px;
    padding: 20px 0;
    background-color: #000;
    color: white;
  }
  footer th {display: none;}
  footer td {padding: 5px 0 0 !important;}
  footer .line1 {
    float: left;
    padding-left: 10px;
  }
  footer .line2 {
    color: #fff;
    float: right;
    padding-right: 10px;
  }
  footer .line2 a {color: white;}
  footer .line2 a:hover,
  footer .line2 a:focus {}
  footer table {
    font-size: 12px;
    margin: 15px auto 0 !important;
    width: 1200px !important;
  }