@charset "utf-8";
/* CSS Document */
@-ms-viewport {
 width: device-width;
}
h1 {font-size:300%;}
h2 {font-size:230%;}
h3 {font-size:170%;}
.optin-form input[type=text] {
  padding:14px;
  width:100%;
  margin-bottom:10px;
  border:none;
  white-space: nowrap;
  color: #707074;
  padding: 15px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
}
.optin-form input[type=button], .optin-form input[type=submit] {
  font-size: 25px;
  color:#FFFFFF;
  background: #F9B407;
  width:100%;
  margin-bottom:10px;
  border:none;
  padding: 15px;
  cursor:pointer;
  -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:none;
}
.optin-content {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
.optin-content div:nth-child(1) {
  width:30%;
  align-content:center;
  text-align:center;
}
.optin-content div:nth-child(2) {
  width:65%;
  align-content:center;
  text-align:center;
}
.btn-yellow {
  display:block;
  padding:20px 10px;
  background:#FFD600;
  text-decoration:none;
  font-size:120%;
  font-weight:700;
  color:#000000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.btn-yellow:hover {
  background:#FDB602;
}
@media screen and (max-width : 489px ) {
  h1 {font-size:190% !important;}
  h2 {font-size:180% !important;}
  h3 {font-size:130% !important;}
  .optin-content img {
     max-width:60% !important;
  }
}
@media only screen and (max-width:767px) {
  h1 {font-size:240%;}
  h2 {font-size:200%;}
  h3 {font-size:150%;}
  .optin-content {
    display:block;
  }
  .optin-content div:nth-child(1) {
  width:100%;
  align-content:center;
  text-align:center;
  }
  .optin-content div:nth-child(2) {
    width:100%;
    align-content:center;
    text-align:center;
  }
  .optin-content img {
     max-width:70%;
  }
}