body {
    background: #ffffff;
    text-decoration: none;
    width: 100%;
    height: 100%;
    background-color: #bac5db;
}

body, form, div, p, a, img, h1, h2, h3, h4, h5, h6, table, table tr, table td {
    border: none;
    color: #000000;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

input,
textarea,
select {
    outline: none;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

a {
    text-decoration: underline;
    outline: none;
}

a:hover {
    text-decoration: none;
}

h1, h2 {
    font-size: 20px;
    padding: 0 0 10px 0;
    color: #545454;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}

.letter-form {
    background-color: #353a45;
    padding: 85px 60px 65px 60px;
    max-width: 660px;
    box-sizing: border-box;
    margin: 100px auto 0 auto;
    border-radius: 20px;
    position: relative;
}

.letter-form .form{
    display: flex;
}

.letter-form .form input[type="email"] {
    flex-grow: 1;
    margin: 0 13px;
    height: 55px;
    padding: 0 20px;
    border: none;
    border-radius: 10px;
}

.letter-form .form input[type="submit"] {
    height: 55px;
    padding: 0 20px;
    border: none;
    border-radius: 10px;
    background-color: #538fff;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    cursor: pointer;
}

.letter-form .form input[type="submit"]:hover {
    background-color: #216efe;
}

.letter-form .icon {
    width: 92px;
    height: 92px;
    position: absolute;
    top: -46px;
    left: 50%;
    margin: 0 0 0 -46px;
    border-radius: 50%;
    background: -moz-linear-gradient(45deg,  #579edd 0%, #8f75c1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #579edd 0%,#8f75c1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #579edd 0%,#8f75c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#579edd', endColorstr='#8f75c1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    ;
}

.letter-form .icon-letter {
    position: absolute;
    top: -40.5px;
    left: 50%;
    margin: 0 0 0 -40.5px;
}

h1 {
    color: #538fff;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    margin: -11px 0 0 0;
}

p {
    color: white;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    margin: 10px 0 40px 0;
}

p:last-child {
    color: #787d87;
    font-size: 20px;
    font-style: italic;
    text-align: center;
    margin: 33px 0 0 0;
}