x-details{display:flex;justify-content:space-around;max-width:80rem;margin:5em auto;padding:0 1rem}x-pic{width:25%;margin-right:5vw}x-pic img{width:100%}x-cardwrapper{width:61.8%}x-details x-cardwrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));grid-gap:2rem}x-details x-cardwrapper x-card{display:flex;flex-flow:column}x-details x-cardwrapper x-card img{max-width:20%;max-width:20%;margin:1em auto}x-details x-cardwrapper x-card p:nth-child(1){font-weight:600}x-cardwrapper x-card p:nth-child(2){color:#626262;text-align:justify;font-family:Open Sans,sans-serif}aside{position:relative;background-color:#363a43;color:white;display:flex;justify-content:space-around}hr{width:75%}aside img{max-width:60%;min-width:250px;height:auto}aside x-card{width:33%}aside x-card{padding:1.2em;width:33%}aside x-card:last-child{margin:auto 0}.two-columns-text x-card:nth-child(2){position:relative;top:58px;height:200px}.center-verticaly{margin:auto 0}.two-cards{grid-template-columns:repeat(auto-fill,minmax(25em,1fr))}.small-card-text{text-align:center!important}@media (max-width:700px){x-details{flex-direction:column-reverse;margin-bottom:2em}x-details *{width:initial}x-details x-pic{width:60vw;margin:0 auto}aside{flex-direction:column}aside x-card{width:initial}.two-columns-text x-card:nth-child(2){position:relative;top:unset;height:unset}.two-cards{grid-template-columns:repeat(auto-fill,minmax(20em,1fr))}.padding-0{padding:0}}@media (max-width:340px){x-details *{width:80vw}aside img{min-width:150px;height:auto}x-cardwrapper{margin:0 auto}.small-card-text{text-align:justify!important}}