html {
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}

body {
 background: #ffffff;
}

* {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 margin: 0;
 padding: 0;
 border: 0;
}

select {
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 appearance: none;
 outline: none;
 background-image: url('images/dropdown_arrow.svg');
 width: 275px;
 background-repeat: no-repeat;
 background-position: 95% 18px;
 border: 2px solid #dddddd;
 padding-left: 14px;
 padding-right: 14px;
 height: 50px;
}

select::-ms-expand {
 display: none;
 appearance: none;
 -ms-appearance: none;
 outline: none;
 background-image: url('images/dropdown_arrow.svg');
 width: 275px;
 background-repeat: no-repeat;
 background-position: 95% 18px;
 border: 2px solid #dddddd;
 padding-left: 14px;
 padding-right: 14px;
 height: 50px;
}

.outer-header {
 width: 100%;
 height: 120px;
 background-color: #ffffff;
 text-align: center;
}

.inner-header,
.content,
.footer-inner {
 width: 100%;
 margin: 0 auto;
}

.receipt {
 background-color: #ffffff;
 padding: 20px 0;
 width: 100%;
 margin-top: 0px;
}

.footer-outer {
 position: fixed;
 left: 0;
 bottom: 40px;
 width: 100%;
}

.logo {
 border: 0px;
 display: inline-block;
 text-align: center;
 width: 115px;
 padding-top: 45px;
}

.nav-top {
 float: right;
 padding-top: 45px;
 display: block;
}

.text-select {
 color: #293139;
 font-size: 16px;
 line-height: 18px;
 font-weight: normal;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
 cursor: pointer;
}

.headline {
 color: #293139;
 text-align: center;
 font-size: 30px;
 line-height: 32px;
 padding-top: 85px;
 padding-bottom: 20px;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
 font-weight: normal;
}

.copy {
 color: #293139;
 text-align: center;
 font-size: 17px;
 line-height: 20px;
 padding-top: 10px;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
}

.disclaimer {
 color: #293139;
 text-align: center;
 font-size: 10px;
 line-height: 20px;
 padding-top: 10px;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
}


.copyCheck {
 color: #293139;
 text-align: center;
 font-size: 17px;
 line-height: 20px;
 padding-top: 0;
 padding-left: 30px;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
}

.subscribed {
 letter-spacing: 0.2px;
 color: #293139;
 text-transform: uppercase;
 text-align: left;
 font-size: 20px;
 line-height: 24px;
 padding-top: 40px;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
}

.subscribed-email {
 font-size: 16px;
 color: #007AD3;
 text-align: left;
 text-transform: none;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
}

.blue-btn {
 background: #0081C8;
 color: #FFFFFF;
 letter-spacing: 0.2px;
 text-transform: uppercase;
 text-align: center;
 height: 50px;
 min-width: 235px;
 margin-top: 40px;
 margin-right: 30px;
 font-size: 20px;
 line-height: 24px;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
 cursor: pointer;
 outline: none;
}

.blue-btn:hover {
    background: #006AA5;
}

.white-btn {
 background: #ffffff;
 border: 1px solid #696F74;
 letter-spacing: 0.2px;
 color: #293139;
 text-transform: uppercase;
 text-align: center;
 height: 50px;
 min-width: 235px;
 margin-top: 40px;
 font-size: 20px;
 line-height: 24px;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
 cursor: pointer;
 outline: none;
}

.white-btn:hover {
    background: #F2F5F7;
}

.footer-inner p {
 color: #293139;
 font-size: 12px;
 line-height: 18px;
 font-family: 'Noto IKEA','Noto Sans','Roboto','Arial','sans-serif';
}

.receipt .headline {
 padding-top: 0;
}

.receipt .blue-btn {
 margin-top: 20px;
}

.receipt .copy {
 padding-top: 20px;
}

.display-none {
 display: none;
}

.fade-in {
 display: block;
 opacity: 1;
 animation-name: fadeIn;
 animation-iteration-count: 1;
 animation-timing-function: ease-in;
 animation-duration: 0.5s;
}

@keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

@media screen and (max-width: 699px) {
 .inner-header,
 .content,
 .footer-inner {
  width: 100%;
  padding: 0 0;
 }
 .footer-outer {
  position: unset;
  padding-top: 80px;
  padding-bottom: 38px;
 }
 .logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: unset;
  padding-top: 32px;
  width: 84px;
 }
 .outer-header {
  height: 102px;
 }
 .nav-top {
  float: unset;
  padding-top: 60px;
  display: block;
 }
 select,
 .blue-btn,
 .white-btn {
        width: 100%;
        min-width: unset;
 }
 .headline {
  padding-top: 120px;
 }
 .blue-btn {
  margin-top: 60px;
 }
 .white-btn {
  margin-top: 30px;
 }
 .receipt {
  margin-top: 0;
  padding: 40px 20px;
 }
 .receipt .blue-btn {
  margin-top: 20px;
 }
 .receipt .copy {
  padding-top: 25px;
 }
}