body#representantes{background-image: radial-gradient(#075a43, #0b4533);}
.conteudo_pagina {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding: 200px 30px;
}
.conteudo_pagina img.logo_faleja {
    max-width: 500px;
    width: 30%;
}
.conteudo_pagina .titulo_page {
    margin:10px 0;
    padding:0;
    font-family: 'exo_2bold_italic';
    font-size:24px;
    color:#FFF;
}
.conteudo_pagina .texto_page {
    margin:10px 0;
    padding:0;
    font-family: 'varela_roundregular';
    font-size: 18px;
    color:#FFF;
}
.conteudo_pagina select {
    width: 100%;
}
#form_representante {
    width:30%;
}

#resultado {
    display: none;
    margin-top: 20px;
    width: 50%;
    text-align: center;
    padding-bottom: 100px;
}
#resultado .titulo_resultado {
    border-top:solid 1px #FFF;
    font-family: 'varela_roundregular';
    font-size: 16px;
    color:#FFF;
    padding:20px 0;
    width: 80%;
    margin:0 auto;
}
#resultado .box_representante {
    padding: 20px 0 30px 0;
}
#resultado .nome_representante {
    font-family: 'varela_roundregular';
    font-size: 32px;
    color:#FFF;
    text-align: left;
    margin:0;
}
#resultado .tipos_contatos {
    list-style:none;
    margin:0;
    padding:0;
    text-align: left;
}
#resultado .tipos_contatos li {
    display: inline-block;
    box-sizing: border-box;
    padding:0 10px;
    width:30%;
}
#resultado .tipos_contatos li > div {
    background-color: #FFF;
    width: 100%;
    border-radius:25px;
    height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'varela_roundregular';
    font-size: 20px;
    color:#FFF;
    transition:all .3s linear;
    cursor:pointer;
}
#resultado .tipos_contatos li > div > i {
    margin-right: 10px;
}
#resultado .tipos_contatos li > div.btn_phone { background-color:#2781ce; }
#resultado .tipos_contatos li > div.btn_phone:hover { background-color:#1962a1; }
#resultado .tipos_contatos li > div.btn_whats { background-color:#41b11a; }
#resultado .tipos_contatos li > div.btn_whats:hover { background-color:#2d7f11; }
#resultado .tipos_contatos li > div.btn_mail { background-color:#d8a019; }
#resultado .tipos_contatos li > div.btn_mail:hover { background-color:#a5790f; }

#resultado .info {
    font-family: 'varela_roundregular';
    font-size: 24px;
    color:#FFF;
    text-align: left;
    padding:15px 0 0 10px;
    display: none;
}
#resultado .info a {
    color:#FFF;
}
#resultado .info a > i:first-child {
    display: inline-block;
    margin-right: 10px;
}
#resultado .info a > i:last-child {
    display: inline-block;
    margin-left: 30px;
}
#template { display: none}


@media screen and (max-width: 800px) {
    .header_desktop { display: none }
    .header_mobile { display: block }
    .conteudo_pagina { padding-top: 60px; }
    .conteudo_pagina .titulo_page { text-align: center }
    .conteudo_pagina .texto_page { text-align: center }
    #form_representante { width: 100% }
    #resultado { width: 100% }
    #resultado .box_representante { padding: 20px 10px 30px 10px; }
    #resultado .nome_representante { text-align: center }
    #resultado .tipos_contatos li { float: none; width: 100%; margin-bottom: 10px; }
    #resultado .info { font-size: 16px; }
    .conteudo_pagina img.logo_faleja { width: 70% }
}
@media screen and (min-width: 801px) {
    .header_mobile { display: none }
}