main{
    margin-top: -2;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: whitesmoke;
}

/*Mobile first*/

.anuncio{
    font-family: 'Fredoka One', sans-serif ;
    color: rgb(195,34,13);
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    padding: 3vh 1vw 5vh 1vh;
    clip-path: polygon(0% 0%, 100% 0%, 100% 86%, 58% 86%, 50% 100%, 42% 86%, 0 86%);
    background-color: #D7D7D7;
}

.anuncio span{
    color:rgb(195,34,13);
}
.anuncio h3{
    text-align: center;
}

.container-services-section{
    margin-top: 5vh;
    display: flex;
    flex-direction: column;

    width: 100%;
    align-items: center;
    height: auto;
}

.targeta-contenedora{
    display: flex;
    flex-direction: column;
    align-items: center;
    height:auto;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;

}

.targeta-imagen{
    width: 90%;
    height: 100%;
    margin-bottom: 3vh;
    background-color: whitesmoke;
}

.targeta-imagen img{
    width: 100%;
    height: 25vh;
}


.targeta-texto{
    width: 90%;
    
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}

.targeta-texto h4{
    font-family: 'Fredoka One', sans-serif ;
    color: rgb(195,34,13);
}

.targeta-texto p{
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}


.container-services-not-mobile{
    display: none;
}


@media screen and (min-width:1023px){

    .anuncio{

        padding: 3vh 1vw 5vh 1vh;
        clip-path: polygon(0% 0%, 100% 0%, 100% 86%, 55% 86%, 50% 100%, 45% 86%, 0 86%);
     
    }

    .anuncio h3{
        width: 60%;
        font-size: 5vh;
    }

    .container-services-section{
        display: none;
    }

    .container-services-not-mobile{
        margin: 3vh 0;
        display: flex;
        flex-direction: column;
        
        width: 70%;
        align-items: center;
        height: auto;
    }
    
    .targeta-contenedora2{
        display: flex;
        flex-flow: row;
        justify-content: space-around;
        height: 25%;
        width: 100%;
        margin: 3vh 0;
    
    }
    
    .targeta-imagen2{
        width: 40%;
       
    }
    
    .targeta-imagen2 img{
        width: 100%;
        
    }

    .targeta-texto2{
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .targeta-texto2 h4{
        font-family: 'Fredoka One', sans-serif ;
        color: rgb(195,34,13);
        text-align: center;
        font-size: 4vh;
   }
    
    .targeta-texto2 p{
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
        font-size: 2vh;
    }

    
    


}


@media screen and (min-width:1300px){

    .anuncio{

        padding: 3vh 1vw 5vh 1vh;
        clip-path: polygon(0% 0%, 100% 0%, 100% 86%, 55% 86%, 50% 100%, 45% 86%, 0 86%);
     
    }

    .anuncio h3{
        width: 40%;
        font-size: 5vh;
        margin: 3vh;
    }

    .container-services-section{
        display: none;
    }

    .container-services-not-mobile{
        margin: 5vh 0;
        display: flex;
        flex-direction: column;
        
        width: 60%;
        align-items: center;
        height: auto;
    }
    
    .targeta-contenedora2{
        display: flex;
        flex-flow: row;
        justify-content: space-around;
        height: 25%;
        width: 100%;
        margin: 3vh 0;
    
    }
    
    .targeta-imagen2{
        width: 40%;
       
    }
    
    .targeta-imagen2 img{
        width: 100%;
        
    }

    .targeta-texto2{
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .targeta-texto2 h4{
        font-family: 'Fredoka One', sans-serif ;
        color: rgb(195,34,13);
        text-align: center;
        font-size: 5vh;
   }
    
    .targeta-texto2 p{
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
        font-size: 3vh;
    }


}

@media screen and (min-width:1300px){

    .targeta-texto2 h4{
        font-family: 'Fredoka One', sans-serif ;
        color: rgb(195,34,13);
        text-align: center;
        font-size: 5vh;
   }
    
    .targeta-texto2 p{
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
        font-size: 4vh;
    }


}