@media (min-width: 992px) {
    .ejemplo{
        margin-left:35%;
    }
}
@media (max-width: 400px) {
    .ejemplo{
        width:50%;
    }
}
input:focus {
  border-style: none;
}

.intro_tlf {
    width:50%;
	border: none;
	background-color: #F2F2F2;
	border-radius:50px;
	padding-left:15px;
}
.ejemplo{
	font-size:12px;
	background-color: #F2F2F2;
	border-radius: 50px;
	height: 40px;
}
.boton_llamame{
	color: #ffffff;
	border:none;
	font-weight: bold;
	border-color: none;
	background-color: #0E6251;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	text-shadow:none;
	border-radius: 50px;
	width: 50%;
	height: 40px;
}
.logo{
    font-size:1rem;
    color:#0E6251;
}
.fondoverde_letrablanca{
    background-color:transparent;
    color:#0E6251;
}
.alargar_pag{
    height:1200px;
}
.stuck .fixed-top {
    background-color: #ffffff !important;
}
.nav-item a {
    color:#0E6251 !important;
    text-decoration:none !important;
}
.nav-item a:hover {
    text-decoration:none;
     background-color: #0E6251 !important;
    color:#ffffff !important;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:none;
    color:#0E6251;

}
.masthead {
  height: 100vh;
  min-height: 500px;
  background-image: url('https://reforesfy.org/img/main.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color:#0E6251;
  text-shadow: 0 2px 5px #ffffff, 2px 0 5px #ffffff, 0 -2px 5px #ffffff, -2px 0 5px #ffffff;
}
.masthead_toma_accion {
  height: 100vh;
  min-height: 500px;
  background-image: url('https://reforesfy.org/img/portada-reforesfy-plantar-un-arbol-pc.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color:#0E6251;
  text-shadow: 0 2px 5px #ffffff, 2px 0 5px #ffffff, 0 -2px 5px #ffffff, -2px 0 5px #ffffff;
}
.masthead3 {
  height: 100vh;
  min-height: 500px;
  background-image: url('https://reforesfy.org/img/eventos-rsc-reforestacion-portada-reforesfy-pc.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color:#0E6251;
  text-shadow: 0 2px 5px #ffffff, 2px 0 5px #ffffff, 0 -2px 5px #ffffff, -2px 0 5px #ffffff;
}
            .column p{
              font-size:1.7rem;
              text-align:center;
              padding-top:10px;
            }

            .column {
              -ms-flex: 20%; /* IE10 */
              flex: 20%;
              max-width: 20%;
              padding: 0 4px;
            }
            @media screen and (min-width: 800px) {
                #fuera {
                      display:none;
                }
            }
            .column img {
              margin-top: 8px;
              vertical-align: middle;
              width: 100%;
            }
            
            /* Responsive layout - makes a two column-layout instead of four columns */
            @media screen and (max-width: 1000px) {
              .column {
                -ms-flex: 20%;
                flex: 20%;
                max-width: 20%;
              }
            }            
            
            /* Responsive layout - makes a two column-layout instead of four columns */
            @media screen and (max-width: 800px) {
              .column {
                -ms-flex: 33%;
                flex: 33%;
                max-width: 33%;
              }
                .column p{
                  font-size:0.8rem;
                  text-align:center;
                  padding-top:10px;
                }  
            }
            
            /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
            @media screen and (max-width: 600px) {
              .column {
                -ms-flex: 33%;
                flex: 33%;
                max-width: 33%;
              }
                .column p{
                  font-size:0.8rem;
                  text-align:center;
                  padding-top:10px;
                }              
              #primero{
                  margin-top:17px;
              }
            }
.contenedor1{
    width:100%;
    float:left;
}            
.contenedor2{
    width:59%;
    float:right;
}
.column1 p{
  font-size:1rem;
}
.column1 {
  -ms-flex: 13%; /* IE10 */
  flex: 13%;
  max-width: 13%;
  padding: 0 4px;
}

.column1 img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1000px) {
      .column1 {
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20%;
      }
      #fuera1 {
          display:none;
      }
}            

    /* Responsive layout - makes a two column-layout instead of four columns */
    @media screen and (max-width: 800px) {
      .column1 {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
      }
      #fuera1 {
          display:none;
      }
      #fuera2 {
          display:none;
      }
}
            
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
      .column1 {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
      }
      #fuera1 {
          display:none;
      }
      #fuera2 {
          display:none;
      }
}
            
/*---------------------------------------------------*/
            .columnx p{
              font-size:1rem;
            }

            .columnx {
              -ms-flex: 33%; /* IE10 */
              flex: 33%;
              max-width: 33%;
              padding: 0 4px;
            }
            
            .columnx img {
              margin-top: 8px;
              vertical-align: middle;
              width: 100%;
            }
            
            /* Responsive layout - makes a two column-layout instead of four columns */
            @media screen and (max-width: 1000px) {
              .columnx {
                -ms-flex: 33%;
                flex: 33%;
                max-width: 33%;
              }
              #fuera1 {
                  display:none;
              }
            }            
            
            /* Responsive layout - makes a two column-layout instead of four columns */
            @media screen and (max-width: 800px) {
              .columnx {
                -ms-flex: 33%;
                flex: 33%;
                max-width: 33%;
              }
              #fuera1 {
                  display:none;
              }
              #fuera2 {
                  display:none;
              }
            }
            
            /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
            @media screen and (max-width: 600px) {
              .columnx {
                -ms-flex: 33%;
                flex: 33%;
                max-width: 33%;
              }
              #fuera1 {
                  display:none;
              }
              #fuera2 {
                  display:none;
              }
            }
/*---------------------------------------------------*/

            /* Create four equal columns that sits next to each other */
            .column2 p{
              font-size:0.85rem;
            }
            .column2 {
              -ms-flex: 60%; /* IE10 */
              flex: 60%;
              max-width: 60%;
              padding: 0 4px;
            }
            
            .column2 img {
              margin-top: 8px;
              vertical-align: middle;
              width: 100%;
            }
            
            /* Responsive layout - makes a two column-layout instead of four columns */
            @media screen and (max-width: 1000px) {
              .column2 {
                -ms-flex: 60%;
                flex: 60%;
                max-width: 60%;
              }
              #fuera1 {
                  display:none;
              }
            }            
            
            /* Responsive layout - makes a two column-layout instead of four columns */
            @media screen and (max-width: 800px) {
                .column2 {
                    -ms-flex: 100%;
                    flex: 100%;
                    max-width: 100%;
                }
                    #fuera1 {
                    display:none;
                }
                .fondo_dif_blanco_movil{
                    background-color:white;
                    opacity:0.9;
                    font-weight: bold;
                    padding-left:10px;
                }
            }
            
            /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
            @media screen and (max-width: 600px) {
              .column2 {
                -ms-flex: 100%;
                flex: 100%;
                max-width: 100%;
              }
              #fuera1 {
                  display:none;
              }
              .mini_letra{
                  font-size:8px;
              }
              .texto_proceso{
                    font-size:0.7em;
                }
              .titulo_proceso{
                    font-size:1em;
                }
                
                .masthead {
                  height: 100vh;
                  min-height: 500px;
                  background-image: url('https://reforesfy.org/img/movil2.jpeg');
                  background-size: cover;
                  background-position: center;
                  background-repeat: no-repeat;
                  color:#0E6251;
                  text-shadow: 0 2px 5px #ffffff, 2px 0 5px #ffffff, 0 -2px 5px #ffffff, -2px 0 5px #ffffff;
                  
                }
                .masthead_toma_accion {
                  height: 100vh;
                  min-height: 500px;
                  background-image: url('https://reforesfy.org/img/portada-reforesfy-plantar-un-arbol-móvil-grande.jpg');
                  background-size: cover;
                  background-position: center;
                  background-repeat: no-repeat;
                  color:#0E6251;
                  text-shadow: 0 2px 5px #ffffff, 2px 0 5px #ffffff, 0 -2px 5px #ffffff, -2px 0 5px #ffffff;
                  
                }
                .masthead3 {
                  height: 100vh;
                  min-height: 500px;
                  background-image: url('https://reforesfy.org/img/eventos-rsc-reforestacion-portada-reforesfy-movil.jpg');
                  background-size: cover;
                  background-position: center;
                  background-repeat: no-repeat;
                  color:#0E6251;
                    text-shadow: 0 2px 5px #ffffff, 2px 0 5px #ffffff, 0 -2px 5px #ffffff, -2px 0 5px #ffffff;
                  
                }
                .fondo_dif_blanco_movil{
                    background-color:white;
                    opacity:0.9;
                    font-weight: bold;
                    padding-left:10px;
                    
                }
            }
#accordion{
    padding-left:10%;
    padding-right:10%;
}

.quitar_dec_enlace a {
    text-decoration:none;
}
.quitar_dec_enlace a:hover {
    text-decoration:none;
    color:#0E6251;

}
.card-header button{
    text-align:left;
}
.pie{
    font-size: 10px;
    color:grey;
    width:100%;
}
.pie2{
   display: flex;
   justify-content: center;
    font-size: 1.25rem;
    color:#00174D;
    width:100%;
}



.pie3{
    font-size: 0.7rem;
    color:#00174D;
    width:100%;
}
.pie a{
    font-size: 10px;
    color:grey;
}
.llama a{
    text-decoration:none;
    border-style: solid;
    border-width: 2px;
    border-radius:20px;
    padding:5px;
    color: #0E6251;
    font-size: 20px;
}
.llama a:hover{
    text-decoration:none;
    border-style: none;
    border-radius:20px;
    padding:5px;
    color: #fff;
    background-color: #0E6251;
}
.recomendado{
    background-color:#0E6251 !important;
    color:white;
}
.boton_verde{
    border-color:#0E6251;
    color:#0E6251;
}
.boton_verde:hover{
    background-color: #0E6251;
}
.boton_verde_inverso{
    border-color:#0E6251;
    background-color: #0E6251;
    color:#ffffff;
}
.boton_verde_inverso:hover{
    background-color: #0E6251;
}

.etapa_gris{
    background-color: #ECEBE7;
}
.etapa_gris p{
    padding-top:5%;
}  
.etapa_blanca p{
    padding-top:5%;
}
.etapa_gris h3{
    padding-top:5%;
}  
.etapa_blanca h3{
    padding-top:5%;
} 
.card2{
    border-style:none !important;
}
.texto_centrado{
    text-align:center;
}
.fondo_dif_blanco{
    text-shadow: 0 0 10px #ffffff, 0 0 10px #ffffff;
}

    /*---------------carousel------------------------*/
    
    #diapositiva{
        font-size: 1rem;
        box-shadow: 4px 4px 4px 4px #EBEDF1; 
        border-radius:5px;
        margin-left:5px;
        margin-right:5px;
        margin-top:5px;
        margin-bottom:5px;
        background-color:#ffffff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:20px;
        padding-right:20px;
        text-align:justify;
    }
    @media (max-width: 768px) {
        .carousel-inner .carousel-item > div {
            display: none;
        }
        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
        .carousel-inner .carousel-item-right.active,
        .carousel-inner .carousel-item-next {
          transform: translateX(33.333%);
        }
        
        .carousel-inner .carousel-item-left.active, 
        .carousel-inner .carousel-item-prev {
          transform: translateX(-33.333%);
        }
    }
    
    .carousel-inner .carousel-item.active,
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        display: flex;
    }
    
    /* display 3 */
    @media (min-width: 768px) {
        
        .carousel-inner .carousel-item-right.active,
        .carousel-inner .carousel-item-next {
          transform: translateX(33.333%);
        }
        
        .carousel-inner .carousel-item-left.active, 
        .carousel-inner .carousel-item-prev {
          transform: translateX(-33.333%);
        }
    }
    
    .carousel-inner .carousel-item-right,
    .carousel-inner .carousel-item-left{ 
      transform: translateX(0);
    }
    /*----------------carousel-----------------------*/
h3{
    font-size:1em;
}

#mensaje{
	width:100%;
	font-size:13px;
	text-align: center;
}
.btn-ecofy{
	background-color: #0E6251;
	border-radius: 50px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
}
.mostrarCookies{
	background-color: #ffffff;
	opacity:0.8;
}
.quitarCookies{
	display:none;
}
@media (min-width: 768px) {
    #archivos-movil{
        display:none;
    }
}
@media (max-width: 767px) {
    #archivos-pc{
        display:none;
    }
}

.titulo-h3{
  font-size: 32px;
}