@font-face {
  font-family: "MyriadPro-Regular";
  src: url("/idp/fonts/MyriadPro-Regular.eot");
  src: local("@"), url("/idp/fonts/MyriadPro-Regular.eot?iefix") format("embedded-opentype"), url("/idp/fonts/MyriadPro-Regular.woff") format("woff"), url("/idp/fonts/MyriadPro-Regular.ttf") format("truetype"), url("/idp/fonts/MyriadPro-Regular.svg") format("svg");
}
@font-face {
  font-family: "MyriadPro-Bold";
  src: url("/idp/fonts/MyriadPro-Bold.eot");
  src: local("@"), url("/idp/fonts/MyriadPro-Bold.eot?iefix") format("embedded-opentype"), url("/idp/fonts/MyriadPro-Bold.woff") format("woff"), url("/idp/fonts/MyriadPro-Bold.ttf") format("truetype"), url("/idp/fonts/MyriadPro-Bold.svg") format("svg");
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background-color: transparent;
  color: white;
  font-family: "MyriadPro-Regular", sans-serif;
}

.content-stripe {
  background-color: rgba(0, 70, 127, 0.86);
  min-height: 100vh;
  display: flex;
  margin-left: 4rem;
  padding-top: 5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  padding-bottom: 3rem;
}

.high-top {
  padding-top: 3rem;
}

.inner-box {
  padding: 0.5rem;
}

.min-content-width {
  width: min-content;
}

.bigger {
  font-size: 1.3rem;
}

.spaced {
  letter-spacing: 0.7rem;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.head-block {
  text-align: center;
}
.head-block img {
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

.head-block-1 {
  margin-bottom: 3rem;
}

.head-block-2 {
  margin-bottom: 1rem;
  margin-top: -2rem;
}
.head-block-2 img {
  padding-left: 20px;
  padding-right: 20px;
}

h2, h1 {
  font-family: "MyriadPro-Bold", "Arial Black", Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 0.7rem;
  margin: 0;
  line-height: normal;
}

h1 {
  font-size: 3.75rem;
}

h2 {
  font-size: 3rem;
}

.help {
  font-size: 3.25em;
  white-space: nowrap;
}

.form-group {
  margin-bottom: 2.5rem;
}

label {
  font-size: 1.5rem;
}

input {
  display: block;
  width: 100%;
  height: 3.7rem;
  color: #373d42;
  font-size: 1.5rem;
  padding: 0.5rem;
}

button, .connect-btn, .disconnect-btn, .btn {
  width: 100%;
  height: 4.4rem;
  color: #00467F;
  background-color: #FFC424;
  border: 1px transparent;
  border-radius: 0;
  font-family: "MyriadPro-Bold", "Arial Black", Helvetica, sans-serif;
  font-weight: 100;
  font-size: 1.7rem;
  line-height: 2.8;
  letter-spacing: 0.15rem;
}

.btn {
  display: block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: nowrap;
}

.connect-btn, .disconnect-btn {
  letter-spacing: 0.525rem;
  font-size: 2.2rem;
  line-height: 2.2;
}

.disconnect-btn {
  color: #FFC424;
  background-color: #00467F;
  border: 1px solid;
}

p {
  text-align: justify;
  text-justify: inter-word;
  font-size: 1.05rem;
}

nav {
  margin-top: 1.8rem;
}
nav a {
  font-family: "MyriadPro-Bold", "Arial Black", Helvetica, sans-serif;
  font-size: 1.4rem;
  color: #FFC424;
  text-decoration: none;
  cursor: pointer;
}

.toggle {
  display: none;
}

.is-visible {
  display: block;
}

.alert {
  padding: 1rem;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 1.15rem;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

@media screen and (max-width: 680px) {
  .content-stripe {
    padding-top: 5rem;
    justify-content: center;
    padding-top: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    margin-left: 0px;
  }

  .help {
    font-size: 3rem;
  }

  button, .btn, .connect-btn, .disconnect-btn {
    line-height: 3;
    font-size: 1.6rem;
  }

  .connect-btn, .disconnect-btn {
    font-size: 2rem;
    line-height: 5rem;
  }

  .head-block-1 {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 440px) {
  .content-stripe {
    width: 100%;
  }
}

/*# sourceMappingURL=medaille.css.map */