/* PRIMAS SHARED
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

:root {
   /* Brand */
   --primas-green: #009846;
   --primas-dark-green: #003b24;
   --primas-yellow: #f4d000;
   --primas-purple: #432b7b;
   --primas-red: #e53446;

   /* Neutral */
   --primas-dark: #222629;
   --primas-text: #292929;
   --primas-muted: #6c6c6c;
   --primas-white: #ffffff;

   /* Fonts */
   --font-h: "Ubuntu", sans-serif;
   --font-p: "Open Sans", sans-serif;
}

html, body { margin: 0; padding: 0; }

body {
   color: var(--primas-text);
   background: var(--primas-white);
   font-family: var(--font-p);
   font-size: 18px;
   font-weight: 400;
   line-height: 1.8;
}



/* TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1, h2, h3, h4, h5, h6 {
   margin: 0;
   font-family: var(--font-h);
   font-style: normal;
   font-weight: 500;
   line-height: 1.2;
}

h1 { font-size: 45px; }
h2 { font-size: 40px; }
h3 { font-size: 33px; }
h4 { font-size: 27px; }
h5 { font-size: 23px; }
h6 { font-size: 18px; }

p {
   margin: 0;
   font-family: var(--font-p);
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.8;
}

ol, ul {
   font-family: var(--font-p);
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.8;
}

li { margin-bottom: 5px; }

a, a:visited {
   color: inherit;
   font-family: inherit;
   text-decoration: none;
   cursor: pointer;
   transition: all .2s ease;
}

a:hover, a:focus, a:active {
   color: var(--primas-green);
   text-decoration: none;
   outline: none;
}


/* Responsive */

@media (max-width: 991.98px) {
   h1 { font-size: 40px; }
   h2 { font-size: 35px; }
   h3 { font-size: 30px; }
   h4 { font-size: 25px; }
}

@media (max-width: 575.98px) {
   body, p, ol, ul { font-size: 16px; }

   h1 { font-size: 34px; }
   h2 { font-size: 30px; }
   h3 { font-size: 27px; }
   h4 { font-size: 23px; }
   h5 { font-size: 20px; }
   h6 { font-size: 17px; }
}



/* COLORS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.primas-green { background-color: var(--primas-green); }
.primas-dark { background-color: var(--primas-dark-green); }
.primas-yellow { background-color: var(--primas-yellow); }
.primas-purple { background-color: var(--primas-purple); }
.primas-red { background-color: var(--primas-red); }

.text-primas-green { color: var(--primas-green); }
.text-primas-dark { color: var(--primas-dark-green); }
.text-primas-yellow { color: var(--primas-yellow); }
.text-primas-purple { color: var(--primas-purple); }
.text-primas-red { color: var(--primas-red); }



/* STANDARD SECTION SPACING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.space-top { padding-top: 90px; }
.space-bottom { padding-bottom: 90px; }

@media (max-width: 991.98px) {
   .space-top { padding-top: 70px; }
   .space-bottom { padding-bottom: 70px; }
}

@media (max-width: 575.98px) {
   .space-top { padding-top: 55px; }
   .space-bottom { padding-bottom: 55px; }
}



/* TEXTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.text-justify { text-align: justify; }