.content.code-of-conduct{background-attachment:scroll;background-color:#f7f7f7;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:polygon(50% 0,100% 10%,100% 100%,0 100%,0 10%);clip-path:polygon(50% 0,100% 2%,100% 100%,0 100%,0 2%);text-align:center}figure.code-of-conduct{background:var(--purpleColor);cursor:pointer;display:inline-block;height:250px;margin:10px;max-width:400px;min-width:180px;overflow:hidden;position:relative;text-align:center}figure.code-of-conduct img{height:auto;opacity:.3;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;transition:opacity .35s,transform .35s;width:100%}figure img{display:block;height:100%;opacity:.2;position:relative;width:100%}figure.code-of-conduct:hover img{-webkit-filter:blur(10px);filter:blur(1 -px);opacity:.4;-webkit-transform:scale(2);transform:scale(2)}figure.code-of-conduct:hover p{opacity:1!important}@media screen and (min-width:1200px){figure.code-of-conduct{width:17%!important}}@media screen and (min-width:1024px){figure.code-of-conduct figcaption{top:5%!important}.code-of-conduct h4{margin-top:16px}figure.code-of-conduct p{opacity:0!important;-webkit-transition:opacity .5s;transition:opacity .5s}}figure.code-of-conduct figcaption h2{color:#fff;font-size:30px;font-weight:700;line-height:38px;text-transform:uppercase;top:0;width:100%}figure.code-of-conduct p{border:5px solid #fff;color:#fff;font-size:14px;left:0;line-height:20px;margin:0 auto;padding:5px;position:relative;text-align:center;top:0;visibility:visible;width:100%}figure figcaption{-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:20px 10px}figure figcaption,figure figcaption:before{height:100%;left:0;position:absolute;top:0;width:100%}figure figcaption:before{background:#3d1951;content:"";opacity:0}figure figcaption:before,figure p{-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out}figure figcaption:before,figure p{transition:.35s ease-in-out}@media screen and (min-width:768px){.content.code-of-conduct{-webkit-clip-path:polygon(50% 0,100% 10%,100% 100%,0 100%,0 10%);clip-path:polygon(50% 0,100% 10%,100% 100%,0 100%,0 10%)}figure.code-of-conduct{height:250px;width:30%}figure.code-of-conduct figcaption h2{font-size:22px;line-height:28px}figure.code-of-conduct figcaption{top:20%}}@media screen and (max-width:768px){.content.code-of-conduct{background-image:none!important}}