@font-face {
  font-family: "TypoGraphica";
  src: url('fonts/"TypoGraphica".eot?') format("eot"), url('fonts/"TypoGraphica".woff2') format("woff2"), url('fonts/"TypoGraphica".woff') format("woff"), url('fonts/"TypoGraphica".ttf') format("truetype"), url('fonts/"TypoGraphica".svg#TypoGraphica') format("svg"); }

@font-face {
  font-family: "segoepr";
  src: url('fonts/"segoepr".eot?') format("eot"), url('fonts/"segoepr".woff2') format("woff2"), url('fonts/"segoepr".woff') format("woff"), url('fonts/"segoepr".ttf') format("truetype"), url('fonts/"segoepr".svg#segoepr') format("svg"); }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html,
body {
  max-width: 100%;
  overflow-x: hidden; }

body {
  background: url(../img/bg.png) left center/cover no-repeat;
  height: 100%;
  font-family: "TypoGraphica"; }

.container-fix {
  padding-left: 0;
  padding-right: 0; }

.center-fix {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center; }

.hero-img {
  height: 100vh;
  width: auto; }

.candidates .img-sm {
  height: 4rem !important; }

.candidates__names__1 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.candidates__names__2 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.video__player {
  margin-top: 3rem; }

.logos {
  margin-top: 2rem; }
  .logos img {
    justify-content: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .logos__renovacion {
    height: 8rem; }
  .logos__campaing {
    height: 6rem; }
  .logos__campaing2 {
    height: 8rem; }
  .logos__primMisiones {
    height: 3rem; }

.social__nav {
  margin-top: 2rem; }
  .social__nav nav ul {
    display: flex;
    list-style: none;
    padding-left: 0; }
    .social__nav nav ul li {
      margin: 0 0.5rem 0 0.5rem; }
      .social__nav nav ul li a i {
        color: #322382;
        transform: scale(1);
        transition: all 1s; }
        .social__nav nav ul li a i:hover {
          transform: scale(1.4);
          color: #fcef02; }

@media (max-height: 700px) {
  .candidates img {
    height: 5.5rem; }
  .candidates__names__1 {
    margin-top: 1rem;
    margin-bottom: 0; }
  .candidates__names__2 {
    margin-top: 1.5rem;
    margin-bottom: 0; }
  .video__player {
    margin-top: 0rem; }
  .logos {
    margin-top: 0rem; }
    .logos img {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    .logos__renovacion {
      height: 4rem; }
    .logos__campaing {
      height: 4rem; }
    .logos__campaing2 {
      height: 4.5rem; }
    .logos__primMisiones {
      height: 3rem; }
  .social__nav {
    margin-top: 1rem; } }