/** GETTING FONT **/
@font-face {
  font-family: "Monserrat-ExtraLight";
  src: url("../assets/font/Montserrat-ExtraLight.ttf");
}

@font-face {
  font-family: "Monserrat-ExtraLightItalic";
  src: url("../assets/font/Montserrat-ExtraLightItalic.ttf");
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("../assets/font/Montserrat-Regular.ttf");
}

@font-face {
  font-family: "Monserrat-RegularItalic";
  src: url("../assets/font/Montserrat-Regular.ttf");
}

@font-face {
  font-family: "Monserrat-Medium";
  src: url("../assets/font/Montserrat-Medium.ttf");
}

@font-face {
  font-family: "Monserrat-MediumItalic";
  src: url("../assets/font/Montserrat-MediumItalic.ttf");
}

@font-face {
  font-family: "Monserrat-Bold";
  src: url("../assets/font/Montserrat-Bold.ttf");
}

@font-face {
  font-family: "Monserrat-BoldItalic";
  src: url("../assets/font/Montserrat-BoldItalic.ttf");
}

@font-face {
  font-family: "Monserrat-ExtraBold";
  src: url("../assets/font/Montserrat-ExtraBold.ttf");
}

@font-face {
  font-family: "Monserrat-ExtraBoldItalic";
  src: url("../assets/font/Montserrat-ExtraBoldItalic.ttf");
}

/** End Getting Font **/



body {
  font-family: "Montserrat-Regular", "-apple-system,BlinkMacSystemFont",
    "Segoe UI";
  font-size: 12px;
}

.container {
  max-width: 1100px;
}

.contenedor {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 700px;
}

.vertical-line-desk {
  border-left: 2px solid black;
  height: 275px;
}

.arrows {
  width: 30px;
}

.bienvenidos {
  font-family: "Monserrat-ExtraBold", "-apple-system,BlinkMacSystemFont",
  "Segoe UI";
  font-size: 27px;
  font-weight: bold;
}

.conectate {
  font-family: "Monserrat-ExtraBold", "-apple-system,BlinkMacSystemFont",
  "Segoe UI";
  font-size: 25px;
  font-weight: bold;
}

.subtitulo {
  font-family: "Monserrat-ExtraBold", "-apple-system,BlinkMacSystemFont",
  "Segoe UI";
  font-size: 14px;
}

.parrafoTLW {
  font-weight: bold; 
  color: #0033a1;
  font-family: "Monserrat-Bold", "-apple-system,BlinkMacSystemFont",
  "Segoe UI";
  font-size: 12px;
}

.parrafoTFT {
  font-weight: bold; 
  color: #e1251b;  
  font-family: "Monserrat-Bold", "-apple-system,BlinkMacSystemFont",
  "Segoe UI";
  font-size: 12px;
}

.logos {
  max-width: 125px;
}

.greyHeader {
  position: fixed;
  top: 0;
  background-color: grey; 
  padding: 0; 
  color: white; 
  width: 100%; 
  font-size: 10px; 
  justify-content: center;
  text-align: center;
}

.greyHeader a {
  text-decoration: none; 
  color: white;
}

.greyFooter {
  position: fixed;
  bottom: 0;
  background-color: grey; 
  padding: 10px 0px; 
  color: white; 
  width: 100%; 
  font-size: 12px; 
  justify-content: center;
  text-align: center;
}

@media (min-width: 360px) {
  .greyHeader {
    font-size: 12px; 
  }
}

@media (min-width: 576px) {
  .contenedor {
    min-height: 600px;
  }
  .logos {
    max-width: 200px;
  }
  .parrafoTLW {
    font-size: 14px;
  }
  
  .parrafoTFT {
    font-size: 14px;
  }
}


@media (min-width: 768px) {
  .greyFooter {
    font-size: 14px; 
  }
  .greyHeader {
    font-size: 14px; 
  }
  .parrafoTLW {
    font-size: 18px;
  }
  
  .parrafoTFT {
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  .contenedor {
    min-height: 900px;
  }
  .greyFooter {
    font-size: 16px; 
  }
  .greyHeader {
    font-size: 16px; 
  }
  .bienvenidos {
    font-size: 60px;
  }
  .conectate {
    font-size: 60px;
  }
  .subtitulo {
    font-size: 20px;
  }
  .arrows {
    width: 40px;
  }
  .logos {
    max-width: 375px;
  }
}