mc_embed_signup {display: none;} 

#mc-embedded-subscribe-form {
  max-width: 450px;
  margin: 1% auto;
}

#fixed-embedded-subscribe-form {
  max-width: 450px;
  margin: 5px auto;
}

#fixed-form.bottom-footer {
  border-bottom: 2px solid #f0f0f0;  
}

.mc-head {
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin: -2px 0 35px;
}


.mc-description, .mc-leyenda {
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  font-weight: lighter;
  margin: -2px 0 45px;
  color: #555;
}


.modal-input {
  display: flex;
  align-items: center;
}


.mc-button {
  height: 44px;
  border: none;
}

  
#EMAIL {
  width: 75%;
  background: #FDFCFB;
  font-family: inherit;
  color: #737373;
  letter-spacing: 1px;
  text-indent: 5%;
  border-radius: 5px 0 0 5px;
  border: 1px solid #f0f0f0;
}


#submit {
  width: 25%;
  min-width: 100px;
  height: 48px;
  background: #70ad47;
  font-family: inherit;
  font-weight: bold;
  color: #eee;
  letter-spacing: 1px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  transition: background .3s ease-in-out;
}
  

#submit:hover {
  background: #666;
  box-shadow: 0 0 5px #333; 
}

#EMAIL:focus {
  outline: none;
  box-shadow: 0 0 5px #333; 
  border-radius: 5px 0 0 5px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background: #fff;
	font-family: 'Lato', sans-serif;
	color: #777;
	text-align: center;	
	margin: auto;
	padding: 20px;
	border: 5px solid #777;
	max-width: 600px;
	max-height: 400px;
}

/* Close Button */
.close {
    color: #777;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* START - Fade In Effect */

#myModal {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* END - Fade In Effect */

@media only screen and (max-width: 550px) {
    .mc-head {
      font-size: 25px;
      letter-spacing: 0px;
    }
    
    .mc-description, .mc-leyenda {
      font-size: 12px;
      letter-spacing: 0em;
    }
    
    #EMAIL {width: 65%;}
    
    #submit {width: 35%;
}
    
}