body{
  background-image: url(https://picocinefest.com.ar/images/lightfondo.jpg)!important;

}

#services .container{    padding:3em 5em;}

#services{    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 13em;}
.space-six {

    position: absolute;
        margin:  0!important;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 150vh;
    }

.space-six span {
  width: 20vmin;
  height: 20vmin;
  border-radius: 20vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}


.circle-logo{
max-width: 85%;
    width: 100%;
    margin-left: auto;
    display: inline-block;
    margin-top: 5em;
}
.fecha-top{

    max-width: 290px;
    margin-top: 3em;
}
.navbar-custom {
  margin-bottom: 0;
    border-bottom: 3px solid #F49F13;
  background-color:#0a2535;
}
.navbar-custom .nav li a {
    color: #777;}
.navbar-custom.affix {
position: fixed;
    z-index: 99999;
  background-color:#0a2535;
}
.black-white-card {
    background-color: #ffffff;
    color: black;

    margin-bottom: 25px;
    padding: 3em 3em;
}
#inscripcion .container{border-left: 2px solid #c81a20;    padding: 0 1em!important;
    overflow: hidden;}
.m-1 {
    margin: 0 1em 1em 0;
}
.bigpadded{
      padding: 5em;
      
    border-radius: 3em;
}


@media (max-width: 360px) {
    img.lazzo {
    bottom: -8em!important;
    left: 0;
}

section#services {
    position: relative;
    overflow-x: visible;
}
}
@media (max-width: 425px) {
    img.lazzo {
    bottom: -10em!important;
    left: 0;
}
    .navbar-header img.hidden-lg{padding: .5em .5em .5em 0;}
}
@media (min-width: 768px) {
    .navbar-custom .navbar-brand {
        background-image: url(../img/LogoAdaptacion.png)!important;
        height: 80px!important;

      }}
@media (min-device-width : 320px) 
and (max-width: 480px) {
html{
    overflow-x: hidden;}
    
.social-menu {display: inline-block!important;}
.bigpadded{
      padding: 3em;
}
 .btn-xl {
    font-size: 1em;
    padding: 10px 20px;
}

.black-white-card {
    padding: 3em 2em;}
 #inscripcion .btn{margin:5px;}
 #inscripcion .container {
    border-left: 4px solid #c81a20;
    padding: 0 2em 0 0.9em!important;
    margin-left: 1em;
}

#services{     background-position: -160px -30px;
    background-size: 190%;
    background-repeat: repeat;
    background-attachment: initial;
    padding: 13em 1em 2em;}

#services .container{    padding:2em;}
  .space-six{


   max-height: 580px;
  }
  .circle-logo {
    max-width: 79%;
    margin-top: 7em;
}
  .hero-2022{
   height: 100vh; 

    width: 100%;
   max-height: 560px;
       background-size: cover!important;
  }
  .fecha-top{

    max-width: 120px;
    margin-top: 2em;
}
}

.space-six span:nth-child(1) {
  color: #df4e29;
  top: 43%;
  left: 95%;
  animation-duration: 14s;
  animation-delay: -8.7s;
  transform-origin: -24vw -1vh;
  box-shadow: -40vmin 0 14.3698961564vmin currentColor;
}
.space-six span:nth-child(2) {
  color: #df4e29;
  top: 89%;
  left: 52%;
  animation-duration: 12.6s;
  animation-delay: -12s;
  transform-origin: -20vw 3vh;
  box-shadow: -40vmin 0 6.530228555vmin currentColor;
}
.space-six span:nth-child(3) {
  color: #df4e29;
  top: 46%;
  left: 32%;
  animation-duration: 14.4s;
  animation-delay: -15.4s;
  transform-origin: -15vw -1vh;
  box-shadow: -40vmin 0 9.0429630007vmin currentColor;
}
.space-six span:nth-child(4) {
  color: #ecc09a;
  top: 75%;
  left: 22%;
  animation-duration: 11.4s;
  animation-delay: -4.5s;
  transform-origin: -23vw 24vh;
  box-shadow: -40vmin 0 12.4032738873vmin currentColor;
}
.space-six span:nth-child(5) {
  color: #df4e29;
  top: 1%;
  left: 100%;
  animation-duration: 15.5s;
  animation-delay: -1.5s;
  transform-origin: 0vw 21vh;
  box-shadow: 40vmin 0 5.7912796798vmin currentColor;
}
.space-six span:nth-child(6) {
  color: #991a19;
  top: 52%;
  left: 45%;
  animation-duration: 14.7s;
  animation-delay: -2.3s;
  transform-origin: -8vw 3vh;
  box-shadow: 40vmin 0 7.2502468623vmin currentColor;
}
.space-six span:nth-child(7) {
  color: #ecc09a;
  top: 67%;
  left: 93%;
  animation-duration: 11.2s;
  animation-delay: -15.3s;
  transform-origin: 4vw -5vh;
  box-shadow: -40vmin 0 14.1972292793vmin currentColor;
}
.space-six span:nth-child(8) {
  color: #df4e29;
  top: 93%;
  left: 50%;
  animation-duration: 11.9s;
  animation-delay: -8s;
  transform-origin: 17vw 5vh;
  box-shadow: -40vmin 0 7.1694069372vmin currentColor;
}
.space-six span:nth-child(9) {
  color: #ecc09a;
  top: 50%;
  left: 33%;
  animation-duration: 12.5s;
  animation-delay: -13.6s;
  transform-origin: 8vw -10vh;
  box-shadow: 40vmin 0 14.263647815vmin currentColor;
}
.space-six span:nth-child(10) {
  color: #ecc09a;
  top: 41%;
  left: 34%;
  animation-duration: 15.4s;
  animation-delay: -15.3s;
  transform-origin: -1vw -2vh;
  box-shadow: 40vmin 0 6.58322709vmin currentColor;
}
.space-six span:nth-child(11) {
  color: #ecc09a;
  top: 31%;
  left: 45%;
  animation-duration: 13.1s;
  animation-delay: -8.1s;
  transform-origin: 2vw 20vh;
  box-shadow: -40vmin 0 13.5324832721vmin currentColor;
}
.space-six span:nth-child(12) {
  color: #ecc09a;
  top: 60%;
  left: 59%;
  animation-duration: 13.1s;
  animation-delay: -6.8s;
  transform-origin: -6vw -18vh;
  box-shadow: 40vmin 0 7.5460413055vmin currentColor;
}
.space-six span:nth-child(13) {
  color: #ecc09a;
  top: 36%;
  left: 28%;
  animation-duration: 14.6s;
  animation-delay: -4.5s;
  transform-origin: -24vw -3vh;
  box-shadow: 40vmin 0 6.1293833722vmin currentColor;
}
.space-six span:nth-child(14) {
  color: #991a19;
  top: 14%;
  left: 8%;
  animation-duration: 12s;
  animation-delay: -16s;
  transform-origin: 10vw -9vh;
  box-shadow: 40vmin 0 5.3000712134vmin currentColor;
}
.space-six span:nth-child(15) {
  color: #ecc09a;
  top: 18%;
  left: 34%;
  animation-duration: 10.2s;
  animation-delay: -4s;
  transform-origin: 23vw 7vh;
  box-shadow: 40vmin 0 6.394357029vmin currentColor;
}
.space-six span:nth-child(16) {
  color: #df4e29;
  top: 58%;
  left: 49%;
  animation-duration: 15.4s;
  animation-delay: -12.6s;
  transform-origin: 25vw 3vh;
  box-shadow: -40vmin 0 12.3154494667vmin currentColor;
}
.space-six span:nth-child(17) {
  color: #df4e29;
  top: 72%;
  left: 79%;
  animation-duration: 12.3s;
  animation-delay: -13.4s;
  transform-origin: 18vw -23vh;
  box-shadow: 40vmin 0 5.183696548vmin currentColor;
}
.space-six span:nth-child(18) {
  color: #991a19;
  top: 90%;
  left: 57%;
  animation-duration: 15.4s;
  animation-delay: -5.1s;
  transform-origin: 20vw 0vh;
  box-shadow: 40vmin 0 11.5864493725vmin currentColor;
}
.space-six span:nth-child(19) {
  color: #df4e29;
  top: 51%;
  left: 95%;
  animation-duration: 10.2s;
  animation-delay: -12.7s;
  transform-origin: -20vw 6vh;
  box-shadow: 40vmin 0 10.0341129551vmin currentColor;
}
.space-six span:nth-child(20) {
  color: #991a19;
  top: 59%;
  left: 96%;
  animation-duration: 15.7s;
  animation-delay: -7.6s;
  transform-origin: -8vw -7vh;
  box-shadow: -40vmin 0 7.4951913489vmin currentColor;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}