.newsletter-container { display: block; width: 540px; height: auto; margin: 0 auto; padding: 16px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
    .newsletter-container h2 { color: #1d1d1f; margin-bottom: 16px; font-size: 25px !important; }
    .newsletter-container p, .newsletter-container a { color: #1d1d1f !important; font-family: 'DM Sans' !important; font-size: 13px; font-weight: 300 !important; }
    .newsletter-container a { font-weight: 400 !important; text-decoration: underline; text-underline-offset: 2px; }
#info-form p { margin-bottom: 0 !important; }
.start-block form { margin-bottom: 12px; }
.intro-cont { display: inline-block; width: calc(100% - 120px); }
.intro-newsletter { width: 100%; padding: 0.5rem 0.75rem; text-transform: none; background-color: rgb(255, 255, 255); color: #1a1a1a !important; border-width: 1px; border-style: solid; border-color: #bbb !important; border-radius: 0px !important; font-size: 18px; font-family: Jost, helvetica, sans-serif; font-weight: 400; font-feature-settings: normal; font-style: normal; letter-spacing: .033em; line-break: auto; line-height: 1.15em; overflow-wrap: normal; transition-property: color, background, border; transition-duration: 200ms; transition-timing-function: ease-in; appearance: none; -webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale }
.intro-newsletter:focus { border-color: #333333 !important; }
    .intro-newsletter::placeholder { color: #7a7a80; opacity: .9 }.intro-newsletter::-ms-input-placeholder { color: #7a7a80; }
#messages { font-size: 16px; color: #c7194a; letter-spacing: .013em; }
    #messages .error { display: block; font-size: 16px; color: #c7194a; letter-spacing: .013em; padding: 6.5px 0; }
.btn-newsletter {  display: inline-block; width: 120px; height: 50px; padding: 0.5rem 0.75rem; background-color: #80878c; outline: none; border: none; font-family: 'DM Sans' !important; color: white !important; font-size: 14px; font-weight: 300; letter-spacing: .023em; transition-property: background; transition-duration: 200ms; transition-timing-function: ease-in; }
.btn-newsletter:hover { background-color: #121212; }
.thanks-block { padding-bottom: 4px; }
.thanks-block p { font-size: 15px !important;}
.form-rrss { display: flex; justify-content: center; align-items: center; gap: 1.55em; transition: all .5s ease; }
    .form-rrss img { width: 100%; height: auto; max-width: 40px; }
    .form-rrss a span { margin-left: 8px; }
.thanks-block.hidden-block { display:none;}

#loading-spinner { min-height: 143px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-content: center; gap: 12px; }
.spinner { display: inline-block; width: 40px; height: 40px; border: 6px solid rgba(0, 0, 0, 0.15); border-radius: 50%; border-top-color: #1a1a1a; animation: spin 1s linear infinite; margin: 0 auto; }
@keyframes spin { to { transform: rotate(360deg); } }

@media only screen and (max-width: 767px) {
.newsletter-container { width: 100%; }
.newsletter-container h2 { font-size: 23px !important; }
.intro-cont { width: 100% !important; margin-bottom: 12px; }
.intro-newsletter { font-size: 18px !important; }
.btn-newsletter { width: 100%; background-color: #1a1a1a; font-size: 15px; letter-spacing: .057em; }
#info-form p { margin-bottom: 12px !important; }
.form-rrss { gap: 40px !important; }
.form-rrss img { max-width: 48px; }
.form-rrss a span { display: none !important; }
#loading-spinner { min-height: 132px; }
.thanks-block { padding-bottom: 8px; }
}