.subscribe {
    padding:105px 0 40px;
    text-align:center;
}

.subscribe .container {
    max-width: 734px;
    margin: 0 auto;
    width: 83.333333%;
}

.subscribe h1 {
    font-weight: 600;
    letter-spacing: -1.78px;
    text-align: center;
    color: #424242;
    margin-top:10px;
    margin-bottom: 20px;
}
.subscribe .hero {
    font-weight: 200;
    text-align: center;
    color: #6C6C6C;
}

.subscribe input {
    padding:20px;
    font-size:24px;
    padding:15px 28px;
    border-radius:30px;
    border:1px solid rgba(129,129,129,0.7);
    outline:none;
    text-align:left;
    width:340px;
    color:#6C6C6C;
    background:transparent;
    font-weight:200;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    
    -webkit-transition:border-color 0.35s, background 0.35s;
    -moz-transition:border-color 0.35s, background 0.35s;
    -o-transition:border-color 0.35s, background 0.35s;
    transition:border-color 0.35s, background 0.35s;
}

.subscribe input:focus {
    border:1px solid #11A1EC;
    background:#fff;
}

.subscribe input::-webkit-input-placeholder {
    color:rgba(129,129,129,0.7);
    -webkit-transition:opacity 0.35s;
    transition:opacity 0.35s;
}
.subscribe input:focus::-webkit-input-placeholder {
    opacity:0;
}

/* Firefox < 19 */
.subscribe input:-moz-placeholder {
    color:rgba(129,129,129,0.7);
    -moz-transition:opacity 0.35s;
}
.subscribe input:focus:-moz-placeholder {
    opacity:0;
}

/* Firefox > 19 */
.subscribe input::-moz-placeholder {
    color:rgba(129,129,129,0.7);
    -moz-transition:opacity 0.35s;
}
.subscribe input:focus::-moz-placeholder {
    opacity:0;
}

/* Internet Explorer 10 */
.subscribe input:-ms-input-placeholder {
    color:rgba(129,129,129,0.7);
}
.subscribe input:focus:-ms-input-placeholder {
    opacity:0;
}

.subscribe .submit {
    background:#11A1EC;
    padding:15px 40px;
    color:#fff;
    font-size:24px;
    border:1px solid #11A1EC;
    border-radius:30px;
    outline:none;
    margin:0 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:200;
    cursor:pointer;
    line-height:28px;
    
    -webkit-transition:0.35s;
    -moz-transition:0.35s;
    -ms-transition:0.35s;
    -o-transition:0.35s;
    transition:0.35s;
}
.subscribe .submit::-moz-focus-inner {
    padding:0;
    border:none;
    margin:0;
}

.subscribe .submit:hover {
    opacity:0.9;
}

@media screen and (max-width: 768px) {
.subscribe input {
    width:100%;
    margin-bottom:16px;
    font-size: 18px;
}
.subscribe .submit {
    font-size:21px;
}
}

@media screen and (max-width: 568px) {
.subscribe {
    padding: 42px 0 27px;
}
.subscribe h1 {
    margin-top:35px;
    margin-bottom: 10px;
}
.subscribe p {
    margin-top: 18px;
}
.subscribe .hero {
    margin-top: 22px;
}

}