.container{
display: flex; 
}
.designcolor{
font-size: 10pt;
}
.img-logo{
width: 1000px;
height: 100px;
}
.container-text{
width: 285px;
height: 215px;
align-items: center;
justify-content: center;
margin-left: 7px;
position: relative;
}
.container-banner{
width: 98%;
height: 120px;
position: relative;
}
.banner{
width: 100%;
height: 180px;
display:flex;
align-items: center;
justify-content: center;
border-radius: 15px;
border: 8px #d9d9d9 solid;
background-color: rgb(235, 235, 235);
margin: 0 0 0 48px;
}
.text-banner{
color: black;
font-size: 18px;
font-weight: bold;
position: absolute;
}
.card{
width: 300px;
height: 440px;
margin: 5px 0 0 60px;
background-color: rgb( 235, 235, 235);
transition: transform 0.2s;
}
.card:hover{
transform:  scale(1.1);
}
.image{
width: 300px;
height: 180px;
}
.title{
margin: -20px 0 0 10px;
font-size: 16px;
font-weight: bold;
}
.text{
margin: 6px 0 0 8px;
font-size: 8pt;
font-weight: bold;
position: absolute;
}
.footer-logo{
display: flex;
align-items: center;
justify-content: center;
}
.footer-design{
display: flex;
align-items: center;
justify-content: center;
gap: 630px;
}

@media screen and (max-width: 450px){
.container{
display: flex; 
flex-direction: column;
gap: 30px;
}
.banner{
width: 95%;
height: 300px;
display:flex;
align-items: center;
justify-content: center;
border-radius: 15px;
border: 8px #d9d9d9 solid;
background-color: rgb(235, 235, 235);
margin-left: 8.5px;
}
.container-banner{
width: 90%;
height: 250px;
position: relative;
}
.text-banner{
color: black;
font-size: 10px;
font-weight: bold;
position: absolute;
}
.card{
width: 280px;
height: 420px;
margin-left:  13.5px;
background-color: rgb( 235, 235, 235);
}
.container-text{
width: 270px;
height: 200px;
align-items: center;
justify-content: center;
margin-left: 4px;
position: relative;
}
.img-logo{
width: 500px;
height: 35px;
}
.footer-design{
display: flex;
flex-direction: column;
gap: 20px;
}
.designcolor{
font-size: 7pt;
}
.counter{
width: 80px ;
height: 20px;
}
.title{
margin: -20px 0 0 10px;
font-size: 14.5px;
font-weight: bold;
}
.text{
font-size: 7pt;
font-weight: bold;
position: absolute;
}
.card:hover{
transform:  none;
}
}