.base-collection-section { margin: 0 auto; padding: 0 5px; max-height: 450px; border-radius: 10px; box-sizing: border-box; margin-top: 60px; background-size: cover; padding: 63px 0; background-position: center; background-repeat: no-repeat; }
.base-collection-section .img-content { width: 290px; height: 350px; background-size: 100%; background-position: center; background-repeat: no-repeat; border-radius: 5px; }
.base-collection-section img 
{     
    width: 100%;
    height: 100%;
    min-height: 300px;
    position: relative;
    border-radius: 5px;
    overflow: hidden; 
}
.base-collection-section .text-content { max-width: 600px; box-sizing: border-box; padding: 30px 30px 40px 30px ; margin-right: auto; margin-left: 5%; background-color: #EEE; border-radius: 10px; }    
.base-collection-section .text-content p { font-size: 18px; line-height: 1.5;  }
.index .base-collection-section a.button { width: 100%; max-width: 350px; margin: 0 auto;  }
.base-collection-section a.button:hover {  color: #FFF; }


@media screen and (max-width: 1180px)
{    
    /*.base-collection-section .img-content { width: 500px; height: 355px; }
    .base-collection-section { grid-template-columns: 1fr 500px; }*/
}

@media screen and (max-width: 1023px)
{
    .base-collection-section .text-content { padding-top: 40px; }
    
}

/*@media screen and (max-width: 900px)
{
    .base-collection-section .img-content { width: 400px; height: 284px; }
    .base-collection-section { grid-template-columns: 1fr 400px; }
    .base-collection-section .text-content { padding-top: 40px; }
}*/

@media screen and (max-width: 935px)
{
}

@media screen and (max-width: 910px)
{
    /*.base-collection-section { gap: 15px; }
    .base-collection-section .text-content { padding: 0; }
    /*.base-collection-section .text-content { padding-top: 20px; }
    .base-collection-section .text-content p { font-size: 16px;  }
    .base-collection-section .text-content a { font-size: 16px; }*/
}

@media screen and (max-width: 700px)
{
    .base-collection-section { max-height: unset; padding: 80px 0; }
    .base-collection-section .text-content { max-width: 500px; padding-top: 20px; }
}

@media screen and (max-width: 600px)
{
    .base-collection-section .text-content { max-width: 400px; padding-top: 20px; padding-bottom: 20px; margin: 0 auto; }
}

@media screen and (max-width: 500px)
{
    .base-collection-section .text-content { max-width: 90%; }
}

@media screen and (max-width: 375px)
{
    .index .base-collection-section a.button { font-size: 13px; }
}

@media screen and (max-width: 350px)
{
    .index .base-collection-section a.button { font-size: 12px; }
}