@font-face {
  font-family: 'Colfax-Regular';
  src: url('/static/ColfaxWebRegular.eot'); /* IE9 Compat Modes */
  src: url('/static/ColfaxWebRegular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/ColfaxWebRegular.woff') format('woff'); /* Modern Browsers */
  }

@font-face {
  font-family: 'Colfax-Regular';
  font-style: italic;
  src: url('/static/ColfaxWebRegularItalic.eot'); /* IE9 Compat Modes */
  src: url('/static/ColfaxWebRegularItalic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/ColfaxWebRegularItalic.woff') format('woff'); /* Modern Browsers */
  } 
  
@font-face {
  font-family: 'Colfax-Medium';
  src: url('/static/ColfaxWebMedium.eot'); /* IE9 Compat Modes */
  src: url('/static/ColfaxWebMedium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/ColfaxWebMedium.woff') format('woff'); /* Modern Browsers */
  }

@font-face {
  font-family: 'Colfax-Medium';
  font-style: italic;
  src: url('/static/ColfaxWebMediumItalic.eot'); /* IE9 Compat Modes */
  src: url('/static/ColfaxWebMediumItalic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/ColfaxWebMediumItalic.woff') format('woff'); /* Modern Browsers */
  }
  
@font-face {
  font-family: 'Colfax-Bold';
  src: url('/static/ColfaxWebBold.eot'); /* IE9 Compat Modes */
  src: url('/static/ColfaxWebBold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/ColfaxWebBold.woff') format('woff'); /* Modern Browsers */
  } 

@font-face {
  font-family: 'Colfax-Bold';
  font-style: italic;
  src: url('/static/ColfaxWebBoldItalic.eot'); /* IE9 Compat Modes */
  src: url('/static/ColfaxWebBoldItalic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/ColfaxWebBoldItalic.woff') format('woff'); /* Modern Browsers */
  } 

  
@font-face {
  font-family: 'PBS_KIDS_Headline';
  src: url('/static/pbskidsheadline-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('/static/pbskidsheadline-regular-webfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
       url('/static/pbskidsheadline-regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('/static/pbskidsheadline-regular-webfont.ttf')  format('truetype'), /* iOS 4.2+ */
       url('/static/pbskidsheadline-regular-webfont.svg#PBS_KIDS_Headline') format('svg'); /* Older iOS */
  }
  
@font-face {
  font-family: 'PBS_KIDS_Headline_Bold';
  src: url('/static/pbskidsheadline-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('/static/pbskidsheadline-bold-webfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
       url('/static/pbskidsheadline-bold-webfont.woff') format('woff'), /* Modern Browsers */
       url('/static/pbskidsheadline-bold-webfont.ttf')  format('truetype'), /* iOS 4.2+ */
       url('/static/pbskidsheadline-bold-webfont.svg#PBS_KIDS_Headline_Bold') format('svg'); /* Older iOS */
  }

.refueled-errScreen {
  background-color: #8f2700;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 24px;
}


.error-UhOhImage {
    width: min(450px, 90vw);
    height: auto;
    margin: 0 0 24px;
    order: 0;
}

body {
    background-color: #244997;
}

.err {
    color: rgb(255, 255, 255);
    font-family: PBS_KIDS_Headline_Bold;
    text-transform: uppercase;
    font-size: 90px;
    text-align: center;
    margin: 0 0 16px;
    order: 1;
}

.refueled-error-t {
    color: rgb(255, 255, 255);
    font-family: Colfax-Bold;
    text-transform: uppercase;
    font-size: 19px;
    text-align: center;
    margin: 8px 0;
    order: 2;
}


a {
    color: rgb(255, 255, 255);
}

.refueled-why-text {
    color: rgb(255, 255, 255);
    font-family: PBS_KIDS_Headline_Bold;
    text-transform: uppercase;
    font-size: 90px;
    text-align: center;
}

.refueled-text {
    color: rgb(255, 255, 255);
    font-family: Colfax-Bold;
    text-transform: uppercase;
    font-size: 19px;
    text-align: -webkit-center;
    max-width: 500px;
    display: list-item;
}

.info {
    background-color: #ffffff00;
    list-style-type: none;
    margin: 10px auto;
    padding: 5px;
    max-width: 500px;
}