// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.bg-blues{
	background-color: #14334B;
}.grst{
  color: #5F5F5F;
}
 .fondo{
  
 background:url(../img/bg-girl.jpg) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        padding-bottom: 400px;
}


 .fill{
   width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  padding-top: 20px;
  padding-bottom: 100px;
 }
 .fill-S{
   width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  padding-top: 20px;
 }
 .fill-sm{
   width: 100%;
  background-position: center;
  background-size: cover;
  min-height: 300px;
  padding-top: 20px;
  padding-bottom: 2px;
  background-color: red;
 }
 .full{
   background:url(../img/bg-sat.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 95vh;
 }
 .full-toroid{
   background:url(../img/bg-toroid.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 35vh;
 }
 .full-caps{
   background:url(../img/bg-affordable.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;

 }
 .full-inmotion{
   background:url(../img/inmotion/bg-van-starlink.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
         transition: background 0.5s ease-in-out; /* Agrega la transición */

 }
 .full-inmotion-2{
   background:url(../img/inmotion/bg-razr.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
         transition: background 1.7s ease-in-out; /* Agrega la transición */

 }

 .full-on-the-move{
   background:url(../img/on-the-move/sprinter-ia.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
         transition: background 0.5s ease-in-out; /* Agrega la transición */

 }

 .full-streaming{
   background:url(../img/streaming/bg-streaming-2.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;

 }

  .full-slynk{
   background:url(../img/slynk/bg-sealynk2.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;

 }
 .full-slynk-v{
   background:url(../img/slynk/bg-slynk3-1.jpg) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;

 }
 .full-hw{
   background:url(../img/slynk/bg-slynk3.jpg) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;

 }
 .full-doc{
   background:url(../img/telemedicine/bg-doc.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;

 }
 .if-image {

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

transition:filter 0.4s;

-webkit-transition:-webkit-filter 1s;

}
.if-image:hover {

filter: grayscale(0);

-webkit-filter: grayscale(0);
  }
  .bg-grayst{
  	background-color: rgba(15, 15, 15, .5);
  }
#lines a{
  text-decoration: none;
  color: #fff;
  font-size: 85%;
}
.bg-graystt{
  background-color: rgba(37, 53, 83, .5);
}
#footer p, a{
  color: #fff;
  font-size: 85%;
  text-decoration: none;
}
.bg-darker{
  background: linear-gradient(#373636, #000000);
}

.video-container {
  position: relative;
  height: 100vh;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
} 
.blue-text{
  color: #345066;
}
.blue-bg{
  background-color: #053255;
}
#listed-r li{
  list-style-image: url(../img/ok-w.png);
}
#listed-b li{
  list-style-image: url(../img/ok.png);
}
.bluess-bg{
  background-color: rgba(22, 73, 100, 0.9);
}
.bluess-bg-2{
  background-color: rgba(22, 73, 100, 0.6);
}
.bg-demon{
  background-color: #0D1120;
}
.text-purple{
  color: #AD20CB;
}
.text-orange{
  color: #D98D14;
}
.bg-light-gray{
  background-color: #fff;
}

/* Suponiendo que tienes las clases CSS full-hw y full-slynk-v definidas */

.tu-clase {
  /* Estilos básicos para todos los tamaños de pantalla */

  /* Para pantallas lg y superiores (ajusta los valores según tus necesidades) */
  @media (min-width: 992px) {
    .full-hw {
      /* Estilos específicos para pantallas lg y superiores */
      width: 100%; /* Ejemplo de estilo para la clase full-hw */
    }
  }

  /* Para pantallas md y sm (ajusta los valores según tus necesidades) */
  @media (max-width: 991.98px) {
    .full-slynk-v {
      /* Estilos específicos para pantallas md y sm */
      height: 100vh; /* Ejemplo de estilo para la clase full-slynk-v */
    }
  }
}