header {
  position: fixed;
top: 0;
left: 0;
right: 0;
  /*padding: .5rem 2%;*/
  /*display: block;*/

  border-radius: 0.5rem;
  padding: .5rem 7%;
  /*align-items: top ;*/
  display: flex;
  
  
 /* background: url(../images/technoville_inicio_fondo.png) repeat;*/


  
  background: #000000;
  box-shadow: var(--box-shadow);
  z-index: 1000;
}

#services {
  
     display: flex;
     /*height: 2%;*/     
   /*  height: 50vh;*/
     background: url(../images/technoville_inicio_fondo.png) ;
     background-repeat: no-repeat;
     background-attachment:fixed;     
    /* background: #fff;*/
     
   }

#myVideo {
  /* object-fit: cover;*/
   /* width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    max-height: 465px;
    min-height: 227px;
    top: 0;
    left: 0;
    z-index: 1;*/


    object-fit: cover;
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    max-height: 500px;
    min-height: 360px;
    /*padding: .1rem;
    padding-top: 50px;
    padding-bottom: 55px;*/

   

    padding: .5rem;
    padding-top: 51px;
    padding-bottom: 50px;

    top: 0;
    left: 0;
    z-index: 1;
  
  
   
  
    /*position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 1.15rem;
    padding-top: 74px;
    padding-bottom: 66px;
    color: #fff;
    background-color: #d3d3d3;
    text-decoration: none;
    height: 100%;
    max-height: 500px;
    min-height: 380px;
    z-index: 1;*/
  
  
  }



#showcase { 
  /*position: relative;
  height: 50rem;*/
  height: 23vh;
  background: url(../images/technoville_banner_inicio1-ezgif.com-resize2.gif) ;
  animation: slide-up  3.5s  ease-in-out; 
  background-repeat: no-repeat;
  background-attachment:fixed;
 /* background-color: #d1114d;*/
  /*object-fit: cover;
  object-position: bottom;
  overflow: hidden;
  background-color: #d1114d;
  width: 480px;*/
  
  /*position: relative;*/
  
  /*position: relative;
  background-size:contain;  
  background-position: center;
  background-repeat: no-repeat;*/
  
 
  /*animation: slide-up  3.5s  ease-in-out; 
  background-attachment:fixed;*/
  /*max-width: 100%;*/
 /* background-position: center;*/

 
  /*background-position: center;
 */
 
 
  

  /* Scale the background image to be as large as possible */
  

  
  
 /* transform: scale (2.8) infinite ;
  transition: 4s infinite;*/
  
   
  }


 
  @media ((max-width: 767px) and (min-width: 320px)) { 

    #showcase { 
     
      width: 100%;
      background-repeat: repeat;
   /*  background-position: center;*/
      /*background-image: cover;*/
     /* background-size: cover;*/

   
       
      }


      #myVideo {
       
      
          object-fit: cover;
          width: 100%;
          height: auto;
          position: relative;
          display: -webkit-box;
          max-height: 500px;
          min-height: 360px;
         /* padding: .1rem;
          padding-top: 50px;
          padding-bottom: 55px;*/
          padding: .5rem;
          padding-top: 51px;
          padding-bottom: 50px;

          top: 0;
          left: 0;
          z-index: 1;
      }

  }



  @media only screen and (max-width:480px) {
    .contact-in:nth-child(1) {
      width: 100%;
      background-repeat: repeat;
    }

    #myVideo {
    
    
        object-fit: cover;
        width: 100%;
        height: auto;
        position: relative;
        display: -webkit-box;
        max-height: 500px;
        min-height: 360px;
        /*padding: .1rem;
        padding-top: 50px;
        padding-bottom: 55px;*/
        padding: .5rem;
        padding-top: 51px;
        padding-bottom: 50px;

        top: 0;
        left: 0;
        z-index: 1;
    }
  
    
  
  }
  
  @media only screen and (max-width:360px) {
    .contact-in:nth-child(1) {
      width: 100%;
      background-repeat: repeat;
    }

    #myVideo {
    
    
      object-fit: cover;
      width: 100%;
      height: auto;
      position: relative;
      display: -webkit-box;
      max-height: 500px;
      min-height: 360px;
     /* padding: .1rem;
      padding-top: 50px;
      padding-bottom: 55px;*/
      padding: .5rem;
      padding-top: 51px;
      padding-bottom: 50px;

      top: 0;
      left: 0;
      z-index: 1;
  }
  
   
  
  }

  #showcasea{ 
   
    /*height: 62vh;*/
    height: 47vh;
    /* margin-top: 13%;*/
    background: url(../images/technoville_banner_inicio_small4.png)   ;
  /*  animation: slide-up  3.5s  ease-in-out; */
 /* object-fit: cover;*/
 /*padding: 15px 0 6px 10px;*/
 /*padding-bottom: 50px;*/
    background-repeat: no-repeat;
      /*background-size: 95%;*/
     background-attachment:fixed;
    
    }

   /* #showcasea .showcasea-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      align-items: center;
      height: 100%;
      
      padding: 0 2rem;     
    }*/


  #showcasec{ 
   
    height: 50vh;
    background: url(../images/technoville_robotica_competitiva_banner_small.png);   
 /*   animation: slide-up  3.5s  ease-in-out; */
 /*   background-repeat: no-repeat;*/
     /*background-size: 80%;*/
      background-repeat: no-repeat;
     background-attachment:fixed;
  
    
     
    }

    #showcasev{ 
   
      height: 55vh;
      background: url(../images/technoville_creacion_diseno_videojuegos_small.png)   ;
      animation: slide-up  3.5s  ease-in-out; 
      background-repeat: no-repeat;
       
       background-attachment:fixed;
      
    
      
       
      }


      #showcasep{ 
   
        height: 55vh;
        /*margin-top: 11%;*/
        background: url(../images/programacion_inteligencia_artificial_inicio_s.png)   ;
        animation: slide-up  3.5s  ease-in-out; 
       /* background-repeat: no-repeat;
        background-size: 98%;*/
        background-attachment:fixed;
        
      
        
         
        }
  

/*===========2DA TARJETA=================*/


   /*     #card {
          border-radius: 10px;
          filter: drop-shadow(0 5px 10px 0 #ffffff);
          
          width: 95vmin; 
        height: 36vmin;
    
          background-color: #ffffff;
          background: url(../images/portfolio/programacion2.png) no-repeat center center/cover;  
         
          padding: 5px;
          position: relative;
          z-index: 0;
          overflow: hidden;
          transition: 0.6s ease-in;
        }
        
        
     
        
        #card::before {
          content: "";
          position: absolute;
          z-index: -1;
          top: -15px;
          right: -15px;
       
         background: #003cff3c;
          height:2600px;
          width: 35px;
          border-radius: 32px;
          transform: scale(0);
          transform-origin: 75% 75%;    transition: transform 0.25s ease-out;
        }
        
        #card:hover::before{
            transition-delay:0.2s ;
        
          transform: scale(46);
        }
        
        #card:hover{
            color: #ffffff;
        
        }
        
        #card p{

          position: absolute;
          color: rgb(255, 255, 255);
          left:35%;
          top: 30%;
          transform: translate(-30%, -60%);
      
          padding: 0.5rem;
          text-align: center;
          font-size: 16px;
       
        }*/

 /*   background-color: rgba(41, 41, 41, 0.13);*/
  /*
            
          text-align: center;
          font-size: 6.5;
          padding: 2px 6px;
          margin-bottom: .5rem;*/





/*===========MENU MOVIL=================*/

/*header .icons i,
header .icons a,
.navbar #close-btn {
 
 
 

  margin-left: 0.2rem;
  height: 3.5rem;
  line-height: 2.5rem;
  width: 3.5rem;
  text-align: center;
  font-size: 1.7rem;
  color: var(--white);
  border-radius: 10%;
  background-color: #000000;
}




.navbar {*/
 
  /*flex-direction: row;*/
 
 /* margin-top: 2.5rem;
  margin-block: 2.5rem;
 

}

.navbar li ul li {
  position:block;
}

.navbar > li {
  float: right;

}



.navbar .logo {

  padding-bottom: 1rem;
  text-align: center;
}

.navbar ul {
 
  margin-block: 2.5rem;
  padding: 0.5rem;
}

.navbar li {
  
  float: right;
  margin-block: 2.5rem;
 padding-inline: .5rem;
}

.navbar i {
  margin-block: 2.5rem;
 padding-inline: .5rem;
}*/


#teamdos {
  
  display: flex;
  
  /*background: url(../images/technoville_inicio_fondo.png) ;
  background-repeat: no-repeat;
  background-attachment:fixed;     */
 /* background: #fff;*/
  
}

#team{
 /* margin-top: 85%;*/
 /*height: 50vh;*/
  
  }


#team .items {
  flex-direction: column;
}

#services .items {
  flex-direction: column;
}

#team .team-authors {
  justify-content: center;
}

#contact_us {
  text-align: center;
}

.form-control {
  width: 80%;
  padding: 1rem;
  margin-bottom: 0.5rem;
}

footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.2rem 0rem;
}

footer .content i {
  padding: 0 0.5rem;
  font-size: 18px;
}