fix(votepeloclima): add new font sizes and colors

app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidate_profile.html

@@ -8,10 +8,10 @@
 
 {% block content %}
 <section class="container">
-    <div class="grid py-5">
+    <div class="grid py-3">
         <div class="g-col-12 g-col-md-4">
             {% if candidature.photo %}
-                <p><img src="{{ candidature.photo.url }}" alt="Foto de {{ candidature.ballot_name }}" class="img-fluid"/></p>
+                <img src="{{ candidature.photo.url }}" alt="Foto de {{ candidature.ballot_name }}" class="img-fluid rounded-2"/>
             {% endif %}
         </div>
         <div class="g-col-12 g-col-md-8">
@@ -42,13 +42,13 @@ <h1 class="text-uppercase fw-bold">{{ candidature.ballot_name }} | {{ candidatur
             <hr class="hr my-4"/>
             <div>
                 <h3 class="text-uppercase pb-2">Informações</h2>
-                <div class="grid">
-                    <div class="g-col-12 g-col-md-6">
+                <div class="d-flex flex-wrap">
+                    <div class="col flex-grow-1">
                         <p><strong>Data de Nascimento:</strong> {{ candidature.birth_date }}</p>
                         <p><strong>Raça:</strong> {{ candidature.get_color_display }}</p>
                         <p><strong>Gênero:</strong> {{ candidature.get_gender_display }}</p>
                     </div>
-                    <div class="g-col-12 g-col-md-6">
+                    <div class="col">
                         <p><strong>Sexualidade:</strong> {{ candidature.get_sexuality_display }}</p>
                         <p><strong>Escolaridade:</strong> {{ candidature.get_education_display }}</p>
                         <p><strong>Ocupação:</strong> {{ candidature.employment }}</p>
@@ -91,20 +91,20 @@ <h3 class="text-uppercase">Histórico de atuação</h2>
         </div>
     </div>
 </section>
-<section class="py-5 bg-primary">
+<section class="py-5 bg-secondary">
     <div class="container">
-        <h1 class="text-center text-white text-uppercase fw-bold">O que {{ candidature.ballot_name }} tem a dizer</h1>
+        <h2 class="text-center text-white text-uppercase fw-bold">O que {{ candidature.ballot_name }} tem para dizer</h2>
         {% if candidature.video %}
-            <div class="d-flex justify-content-center py-5">
-                <video controls src="{{ candidature.video.url }}" class="img-fluid"></video>
+            <div class="d-flex justify-content-center py-3">
+                <video controls src="{{ candidature.video.url }}" class="img-fluid w-100"></video>
             </div>
         {% endif %}
     </div>
 </section>
 <section class="py-5">
     <div class="container">
-        <h1 class="text-center text-uppercase fw-bold">O que esperar de {{ candidature.ballot_name }}</h1>
-        <div id="carouselControls" class="carousel slide carousel-dark py-5">
+        <h2 class="text-center text-uppercase fw-bold">O que esperar de {{ candidature.ballot_name }}</h2>
+        <div id="carouselControls" class="carousel slide carousel-dark py-4">
             <div class="carousel-inner">
                 <div class="carousel-item active">
                     <div class="grid">
@@ -160,14 +160,16 @@ <h1 class="text-center text-uppercase fw-bold">O que esperar de {{ candidature.b
         <p class="text-center">*As organizações da plataforma não se comprometem com a efetividade e execução dos compromissos firmados. O controle social e a participação ativa da cidadania são fundamentais para que parlamentares e gestores públicos cumpram suas promessas.</p>
     </div>
 </section>
+<hr class="w-100" />
 <section class="py-5">
     <div class="container">
         <div class="grid">
             <div class="g-col-12 g-col-md-8">
                 <div class="d-flex flex-column justify-content-between h-100">
                     <div>
-                        <h2 class="fw-bold text-uppercase">Compartilhe nas redes</h2>
-                        <p class="w-75">Compartilhe esse perfil nas redes sociais e com seus amigos para que as propostas de {{ candidate.ballot_name }} cheguem em mais gente:</p>
+                        <h2 class="fw-bold text-uppercase mb-3">Compartilhe nas redes sociais 
+                            para apoiar {{ candidature.ballot_name }}!</h2>
+                        <p class="w-75">Compartilhe esse perfil nas redes sociais e com seus amigos para que as propostas de {{ candidature.ballot_name }} cheguem em mais gente:</p>
                     </div>
                     <p>
                         Viu algo estranho? <a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer">Clique aqui para denunciar esse perfil.</a>