/* CSS Reset *//**********************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

/* Global *//**********************************************************/
body { font-family: "Fira Sans", "PMingLiU" , sans-serif; letter-spacing: 0.1em;min-height: 320px; }
a {color: #fff;}
.subscription-container { margin: 0 auto; padding: 24px; color: white;background-color: #94272C;}
h2 { font-family: "Fira Sans Condensed", "PMingLiU" , sans-serif; text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: 800;}

.input-group{ display: grid; grid-template-columns: 1fr 1fr; gap: 30px; max-width: 560px; margin: 0 auto 30px auto;}
.filedset {display: grid; grid-template-columns: 1fr 1fr; gap: 5px;}
.filedset input { width: 100%; box-sizing: border-box; }
.filedset .email-fields{grid-column: span 2;}
input[type="text"],input[type="email"] {font-family: "Fira Sans", "PMingLiU" , sans-serif;padding: 10px; border: none; border-radius: 4px;}
.g-recaptcha { padding: 7px; background-color: #f9f9f9; border-radius: 5px;position: relative;height: 100%; box-sizing: border-box;}
.g-recaptcha > div {transform: scale(0.83); position: absolute;transform-origin: 0 0;}

.terms-and-submit { max-width: 560px; margin: 0 auto; display: grid; gap: 30px; grid-template-columns: 3fr 1fr;}
.terms-and-submit .terms {font-size: 13px; position: relative;}
.terms-and-submit .terms input[type="checkbox"] { position: absolute; left: 0; top: 0;}
.terms-and-submit .terms label{padding-left: 20px; display: block;}
.submit > button { background-color: rgba(255, 255, 255, 0.3); min-width: 125px; font-size: 13px; color: #fff; font-weight: 700; cursor: pointer; border-radius: 4px; border: none; width: 100%; line-height: 26px;}
.submit > button:hover { background-color: #b3b3b3;}

.success-message { text-align: center; font-size: 18px; font-weight: 600; color: #fff;}

/*body 3th div */
body > div:nth-of-type(3){ transform: scale(0.6); transform-origin: top right; height: 490px!important;}
body > div:nth-of-type(3) > div:nth-child(4){ height: 490px!important;}

@media (max-width: 620px) {
    .input-group, .filedset { display: block; }
    .filedset > div {padding-bottom: 16px;}
    .filedset .email-fields{grid-column: span 1;}

    .g-recaptcha{width: 267px; height: 77px;}
    .g-recaptcha > div {position: static;}

    .terms-and-submit { display: block; }
    .terms-and-submit .terms { padding-bottom: 16px;}

    body > div:nth-of-type(3){ transform-origin: center; }
    body > div:nth-of-type(3) > div:nth-child(2){ height: auto!important;}

}