@import './style.css';

#intro .img-bg{
   background: url('../img/o-que-fazer/ciclismo/bg-ciclismo.webp') center center no-repeat;
}



/* Ciclismo */
#ciclismo{
   padding: 0 130px;
   display: grid;
    
   grid-template-rows: auto;
   height: 100vh;
   width: 100vw;
   max-width: 100%;

   align-content: center;
}

#ciclismo.img-lado-esquerdo{
   grid-template-columns: 60% 40%;
}

#ciclismo.img-lado-direito{
   grid-template-columns: 40% 60%;
}

.rota{
   width: 100vw;
   height: 100vh;
   max-width: 100%;

   display: grid;

   padding: 0 130px;
}

.rota img{
   align-self: center;
   justify-self: center;
   grid-row: 1;
}

.rota .texto{
   width: 80%;

   text-align: left;

   align-self: center;
   justify-self: start;
   grid-row: 1;
}

#rotas .rota.img-lado-direito .texto{
   padding-left: 50px;
}