.nav_promo{
    position:fixed!important;
    z-index: 999!important;
    top:0!important;
    width: 100%!important;
    background-color:#00C6E4!important;
    color: antiquewhite!important;
}

.nav_promo a{
    color: rgb(255, 255, 255)!important;
}

body{background-color:#00CFEE!important;}

 .fondo1{
    top: 0;
    background-color:#00CFEE!important;
    height: 100vh;
    width: 100%;
    /*position: fixed;
    
    z-index: 1; */
}

.contenido{
    height: 70vh!important;
    width: 100%;
}

.semi_circle {
    --size: 100%;
    --half-size: calc(var(--size) / 1.5);
    width: var(--size)!important;
    height: var(--half-size);
    background: #00447F;
    border-radius: 50% 50% / var(--half-size) var(--half-size) 0 0;
  }


  .cuchilla {
    /* position: fixed;
    z-index: 3;
     */
    left: 0;
    width: 100%!important;
    height: 80vh!important;
    background: #00447F;
    transform-origin: 0px 0px;
    transform: skewY(-10deg);
    overflow: hidden;
  }

  .circleblue_md {
    --size: 200px;  
    width: var(--size);
    height: var(--size);
    background-color: #21C5DE;
    border-radius: 50%;
  }

  .circleblue_sm {
    --size: 100px;  
    width: var(--size);
    height: var(--size);
    background-color: #21C5DE;
    border-radius: 50%;
  }

  .circleyellow_md {
    --size: 200px;  
    width: var(--size);
    height: var(--size);
    background-color: #FFC238;
    border-radius: 50%;
  }

  .circleyellow_sm {
    --size: 100px;  
    width: var(--size);
    height: var(--size);
    background-color: #FFC238;
    border-radius: 50%;
  }

  .circleyellow_lg {
    --size: 350px;  
    width: var(--size);
    height: var(--size);
    background-color: #FFC238;
    border-radius: 50%;
  }

  .bg_image{
    background-image: url("../images/fondo.png")!important;
    background-repeat: no-repeat!important;
    background-size: cover!important; 
  }


  .rectangle_blue{
    background-color: #00447F;
  }

  .logo_portada{
    width: 500px!important;
  }

  .logo_portada2{
    width: 300px!important;
  }

  .img_principal{
    width: 5000px!important;
    margin-top: 50px!important;
  }

  @media screen and (max-width:600px) { 
    .logo_portada{
      width: 300px!important;
    }

    .logo_portada2{
      width: 150px!important;
    }

    .img_principal{
      margin-top: 0!important;
      width: 320px!important;
    }
  
  }