.flex-container{margin:20px;margin-top:20px;margin-bottom:100px;display:flex;flex-wrap:wrap}.flex{flex:1 1 0%;margin:20px;border-width:2px;border-style:solid;border-radius:10px;padding:30px;padding-top:32px;padding-bottom:32px;text-align:justify;position:relative;-webkit-transition:all 400ms;transition:all 400ms}@media screen and (max-width:767){.flex-container{margin:10px;margin-top:10px;margin-bottom:50px}.flex{margin:10px;padding:15px;padding-top:16px;padding-bottom:16px;border-width:1px}}.yellow{border-color:var(--yellow)}.yellow:before{border-color:var(--yellow)}.yellow h2{color:var(--yellow)}.blue{border-color:var(--blue)}.blue:before{border-color:var(--blue)}.blue h2{color:var(--blue)}.pink{border-color:var(--pink)}.pink:before{border-color:var(--pink)}.pink h2{color:var(--pink)}.flex:before{position:absolute;top:-5px;left:-5px;background:var(--black);content:'';display:block;width:40%;height:35px}.flex:after{position:absolute;bottom:-5px;right:-5px;background:var(--black);content:'';display:block;width:40%;height:35px}table{width:100%}td{padding:10px}@media screen and (max-width:767){table{width:60%;margin:0;padding:0}td{margin:0;padding:0}}.col-left{text-align:right}.col-right{text-align:left}a{text-decoration:none;color:var(--blue)}a:hover{color:var(--white)}@media screen and (max-width:767px){.flex{flex:0 0 90%;margin:10px;padding:5px;padding-bottom:10px;width:90%}}