.projects .container-projects .card-proyecto { border: 1px solid white;}
.projects .container-projects .card-proyecto video { position: relative; height: 200px;}
.projects .container-projects .card-proyecto .volumeBtn { position: absolute; margin-left: 19%; margin-top: 3%; border-radius: 50px; border-style: none; line-height: 26px;}


@media (min-width:1350px) {
    .boxContainer{ display: grid; gap:1.5rem; justify-content: center; align-items: flex-start; }
    .boxC35{ grid-template-columns: repeat(auto-fit, 22.5rem); padding: 1rem 0 1rem;}
}

@media (min-width:1350px) {
    .boxContainer{ display: grid; gap:1.5rem; justify-content: center; align-items: flex-start; }
    .boxC35{ grid-template-columns: repeat(auto-fit, 22.5rem); padding: 1rem 0 1rem;}
}

@media (max-width:1135px) {
    .home .main-container { flex-direction: column-reverse; align-items: center; text-align: center; }
    .home .main-container p { font-size: 2.2rem; }
    .home .main-container .cont-frase { padding: 1rem;}
    .home { padding-bottom: 0rem; }
}

@media (max-width:1105px) {
    .aboutme .container-aboutme .cont-skills { gap: 1rem; }
}

@media (max-width:1075px) {
    .aboutme .container-aboutme .container-hobbies .cont-hobbies { flex-direction: column; }
}

@media (max-width:1050px) {
    .contacs .container-contacs .form-contacto { width: 26rem; }
    .aboutme .container-aboutme .cont-skills { flex-direction: column; }
}

@media (max-width:1010px) {
    .contacs .container-contacs .form-contacto { height: 30rem; }
}

@media (max-width:915px) {
    .home .main-container .imgcont img { width: 550px; }
    .home .main-container p { font-size: 2rem; }
}

@media (max-width:760px) {
    .contacs .container-contacs { flex-direction: column; }
    .contacs .container-contacs .form-contacto { width: 100%; height: 100%; }
    .home .main-container .imgcont img { width: 470px; }
}

@media (max-width:730px) {
    .aboutme .container-aboutme { flex-direction: column-reverse; align-items: center; }
    .aboutme .container-aboutme .cont-skills { flex-direction: row; justify-content: space-between; }
    .aboutme .container-aboutme .cont-skills .skill { flex-direction: column; align-items: center; }
    .aboutme .container-aboutme .cont-skills .skill .stars { padding: 0; }
    .home .main-container .imgcont img { width: 440px; }
}

@media (max-width:700px) {
    .aboutme .container-aboutme .cont-skills .icon-name i { font-size: 2rem; }
    .aboutme .container-aboutme .cont-skills .stars i { font-size: 1.3rem; }
    .home .main-container .imgcont img { width: 410px; }
}

@media (max-width:670px) {
    .home { padding-top: 1rem; padding-bottom: 0rem; }
    .home .main-container .imgcont img { width: 380px; }
    .home .main-container p { font-size: 1.8rem; }
}

@media (max-width:600px) {
    .home .main-container .imgcont img { width: 350px; }
  /*  .home .main-container p { font-size: 1.5rem; }*/
}

@media (max-width:545px) {
    .aboutme .container-aboutme .cont-skills { flex-direction: column; }
    .aboutme .container-aboutme .cont-skills .skill { flex-direction: row; align-items: end; }
    .aboutme .container-aboutme .cont-skills .skill .stars { padding-left: 2rem; }
    .contacs .container-contacs .form-contacto { padding: 1.5rem; }
 /*   .contacs .container-contacs .form-contacto label { font-size: 1.1rem; }*/
    .home .main-container .imgcont img { width: 320px; }
}

@media (max-width:480px) {
   /* .contacs .container-contacs .cont-socialmedia p { font-size: 1.3rem; }*/
    .contacs .container-contacs .cont-socialmedia button { width: 2rem; height: 2rem; padding: 6px 6px; }
    .home .main-container .imgcont img { width: 290px; }
}

@media (max-width:451px) {
    .aboutme .container-aboutme .skills { padding: 0; }
    .contacs .container-contacs .form-contacto { padding: 1.2rem; }
   /* .contacs .container-contacs .form-contacto label { font-size: 1rem; }*/
    .home .main-container .imgcont img { width: 260px; }
}

@media (max-width:370px) {
    .projects .container-projects { grid-template-columns: 1fr; padding: 0.5rem; }
    .home .main-container .imgcont img { width: 230px; }
}

@media (max-width:335px) {
    .aboutme .container-aboutme .cont-skills .skill { flex-direction: column; align-items: center; }
    .aboutme .container-aboutme .cont-skills .skill .stars { padding: 0; }
}