@font-face {
  font-family: Yle-Bold;
  src: url("../fonts/YleBold.otf");
}
@font-face {
  font-family: Yle;
  src: url("../fonts/YleRegular.otf");
}

body {
  margin: 0px;
}

.ce__app {
  font-family: Yle;
  font: 14px Yle;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}

.ce__success-message {
  margin-left: 30px;
}

.ce__info-on-delegate-emails {
    font-size: smaller;
    margin-top: 4px;
}

@media only screen and (min-device-width: 601px) {
  .ce__email-form {
    margin-left: 30px;
    max-width: 580px;
}}

@media only screen and (min-device-width: 400px) and (max-device-width: 600px) {
  .ce__email-form {
    margin-left: 10px;
    max-width: 380px;
}}

@media only screen and (max-device-width: 399px) {
  .ce__email-form {
    margin-left: 8px;
    max-width: 292px;
}}

.ce__form-row {
  display: block;
  margin-bottom: 2px;
  width: 100%;
}

.ce__reply-to {
  width: 200px;
  margin-right: 2px;
}

.ce__title {
  margin-top: 8px;
}

.ce__submit-button {
  margin-top: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  background-color: #00b4c8;
  width: 140px;
  height: 35px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 10px;
  background-clip: padding-box;
}

.ce__submit-button:disabled {
  background-color: #dddddd;
  cursor: not-allowed;
}

.ce__header {
  background: url(data:application/png;base64,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) center left no-repeat;
  background-size: 30px 30px;
  background-position: 10px;
  color: #ffffff;
  background-color: #00b4c8;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  max-width: 100%;
  padding: 15px 20px 15px 50px;
  position: relative;
}