html { margin:0;padding:0;height:100%;font-family:'gothic'; }
body { height:100%;margin:0;padding:0; }
p { margin:0;padding:0; }
a { text-decoration:none; }

.header-menu-small { display:none;height:65%;cursor:pointer; }
.header-menu-small > img { height:100%; }
.header-menu-content { position:fixed;top:70px;background-color:#fffe;left:0;right:0;display:none; }
.header-menu-content > p { margin:10px 30px;cursor:pointer;color:#4f4c4c; }
.whatsappright { position:fixed;bottom:30px;right:30px;width:50px;height:50px;z-index:1;display:none; }

.header { background-color:#fffe; height:70px;position:fixed;display:flex;justify-content:space-between;align-items:center;padding:0 30px;box-shadow:0px 2px 5px #3335;left:0;right:0; }
.whatsapp { height:60%; }
.whatsapp > img { height:100%; }
.logo-ever-a { height:60%; }
.separator { width:1px;height:160px;background-color:#555;margin-top:40px; }
.header-menu { display:flex;flex-direction:row; }
.header-menu > p { margin:0 15px;cursor:pointer;color:#4f4c4c; }
.menu-button-active { color:#3faaff !important;font-weight:bold; }

.content-a { display:flex;flex:1;flex-direction:column;min-height:100%;background-image:url('../../img/background_b.png');background-position:center;background-repeat:none;background-size:cover; }
.section { display:flex;flex:1; }
.section-bottom { display:flex;justify-content:center;margin:0 0 30px 0;position:absolute;bottom:0;left:0;right:0; }
.section-bottom > a  { margin:0 30px; }
.section-bottom > a > img { height:30px; }
.content-center { display:flex;flex:1;flex-direction:column;padding:80px 0 0 50px; }
.text-content-a { font-family:'gothic';font-size:2rem;color:#fff;margin:30px 0 0 10px;text-shadow: 1px 1px 5px #333a; }
.logo-content-a { width:65%;max-width:500px; }

.content-b { display:flex;flex:1;background-color:white;flex-direction:row;justify-content:center;padding:100px 0; }
.content-section-b { display:flex;flex:1;flex-direction:column;padding:20px;max-width:280px; }
.content-section-b-head { display:flex;flex-direction:column;align-items:center;text-align:center;flex:1; }
/* .content-section-b-head > p:nth-child(1) {} */
.content-section-b-head > p:nth-child(2) { color:#3faaff;font-family:'gothicb';font-size:1.5rem;margin-bottom:10px; }
.content-section-b-head > p:nth-child(3) { color:#4f4c4c;font-family:'gothic';font-size:; }
/* .content-section-b > img { width:100%;height:250px; } */
.content-section-b-mobile { display:flex;justify-content:center;align-items:flex-end; }
.content-section-b-mobile > img { width:80%;margin-top:25px; }

.content-c { display:flex;flex:1;flex-direction:row;justify-content:flex-start;padding:50px 0; }
.content-section-c-img { width:50%;max-width:800px; }
.content-section-c-img > img { width:100%;max-width:800px; }
.content-section-c-text { padding: 0 0 0 20px; }
.content-section-c-text > p:nth-child(2) { font-family:'gothic';color:#3faaff;font-size:1.7em;margin-bottom:30px; }
.content-section-c-text > p:nth-child(n+3) { font-family:'gothic';color:#4f4c4c;font-size:1.1em;margin:10px 0; }

.content-d { display:flex;width:100%;justify-content:center;text-align:center;flex-direction:column;padding:100px 0;
    background-image:url('../../img/background_c.jpg');
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* .content-d > p { font-family:'gothic'; } */
.content-d > p:nth-child(1) { color:#3faaff;font-weight:bold;font-size:2em; }
.content-d > p:nth-child(2) { color:#4f4c4c;font-size:1.2em; padding:0 150px;line-height:40px; }
.content-d > p:nth-child(3) { color:#3faaff;font-weight:bold;font-size:2em;margin:40px 0 0 0; }
.content-d > p:nth-child(4) { color:#4f4c4c;font-size:1.2em; padding:0 150px;line-height:40px; }

.content-e { background-color:#3faaff;display:flex;flex-direction:column; }
.content-e-body { display:flex;flex-direction:row;padding:20px;flex:1; }
.content-e-social { background-color:chartreuse;align-self:center; }
.content-e-social > p { color:#fff; }
.copyright { align-self:center;text-align:center; }

.contact-container-form {
    display:grid;
	grid-template-columns:repeat(1fr,2);
	grid-gap:15px;
}
#contact_name { grid-column:1;grid-row:1; }
#contact_email { grid-column:1;grid-row:2; }
#contact_about { grid-column:1;grid-row:3; }
#contact_message { grid-column:2;grid-row:1/4; }
.contact-container-b { 
    display:flex;
    flex:1;
    flex-direction:column;
    /* margin:0 15px; */
    max-width:700px;
}
.contact-content {
    display: flex;
    flex-direction: row;
    align-items:center;
    justify-content:center;
    margin: 61px 35px 15px 35px;
}
#contact_register { display:flex;flex-direction:column; }
#submit_contact_form { align-self:flex-end; }

@media (max-width:1024px){
    .contact-content { flex-direction:column;align-items:unset; }
    .contact-content div:nth-child(1){ order:2; }
    .contact-content div:nth-child(2){ order:1;margin:30px 0; }
    .contact-content div:nth-child(3){ order:3;margin-top:20px; }
    .contact-container-form { grid-template-columns:repeat(1fr,1); }
    #contact_name { grid-column:1;grid-row:1; }
    #contact_email { grid-column:1;grid-row:2; }
    #contact_about { grid-column:1;grid-row:3; }
    #contact_message { grid-column:1;grid-row:4/6; }
    #submit_contact_form { order:2; }
    .contact-container-b { max-width:unset; }
    .section > div:nth-child(1) { display:none !important; }
    .content-center { padding:100px 20px 50px 20px;align-items:center; }
    .logo-content-a { width: 85%; }
    .text-content-a { text-align:center; }
    .content-b { flex-direction:column;align-items:center; }
    .separator { display:none; }
    .content-section-c-img { display:none; }
    .content-c { justify-content:center; }
    .content-section-c-text > img { width:85%; }
    /* .content-d { padding:5px; } */
    .content-d > p:nth-child(2) {  padding:0 5px;line-height:40px; }
    .content-d > p:nth-child(3) {  margin:40px 0 0 0; }
    .content-d > p:nth-child(4) {  padding:0 5px;line-height:40px; }
    .header-menu { display:none; }
    .header > a { display:none; }
    .header-menu-small{ display:block; }
    .whatsappright { display:block; }

}