.ProductDetailsFlex {
display:flex;
flex-flow: column;
}
.ProductDetailsFlex p {
margin:10px;
}
.ProductDetailsLeft {
display:flex;
flex-flow:column;
width:100%;
max-width: 900px;
}
.ProductDetailsLeft>p:first-of-type {
font-weight: 700;
}
.ProductDetailsRight {
display:flex;
flex-flow: wrap;
width:100%;
align-items:center;
}
.ProductFeatures {
display: flex;
}
.ProductFeatures div {
display: flex;
flex-flow: column;
min-width: 300px;
padding: 10px 5px;
margin: 10px;
background-color: #fbfbfb;
border-radius: 15px;
}
.ProductFeatures strong {
text-align: center;
}
.ProductFeatures ul {
margin: 0 10px;
}
.impression-image {
transform: scale(75%);
/* filter: drop-shadow(5px 5px 10px #aaa); */
}
#color-squares {
width: 250px;
display: flex;
flex-flow: wrap;
gap: 20px 30px;
padding:5px 0 0 15px;
}
#color-squares p {
width:100%;
margin: 0;
text-align: center;;
font-size: 1.25em;
font-weight: 700;
}
#color-squares div {
display:inline-block;
width:40px;
height:40px;
border-radius: 0 100% 100%;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#color-squares-black {
background-color:#000
}
#color-squares-red {
background-color: #f00
}
#color-squares-blue {
background-color: #00F
}
#color-squares-green {
background-color:#437F44
}
#color-squares-brown {
background-color: #965D33
}
#color-squares-pink {
background-color:#F40072
}
#color-squares-purple {
background-color: #6600CC;
}
#color-squares-orange {
background-color: #FB7638;
}
#color-squares-yellow {
background-color: #FFFD00;
}
#color-squares-light-blue {
background-color: #92C2F7;
}
#color-squares-light-green {
background-color: #96C160;
}
@media (max-width:979px) {    
    .ProductDetailsLeft {
        width: 100%;
    }
    .ProductDetailsRight {
        flex-flow: wrap;
    }
}
@media (max-width:767px) {
    .ProductDetailsRight {
        justify-content: space-around;
    }
}
@media (max-width:600px) {
    .ProductDetailsRight {
        flex-flow: column;
    }
    .ProductFeatures {
        flex-flow: column;
    }
    .ProductFeatures div:first-of-type, .ProductFeatures div:last-of-type {
        width: calc(100% - 15px);
        margin:10px 0;
    }
    #color-squares {
        padding: 0;
    }
}