.bar,.foo{color:red}.massage,.text{position:absolute;font-family:"Montserrat",sans-serif;left:2%;text-align:center;width:200px}.text{font-weight:700;font-size:22px;top:50%}.massage{font-weight:600;font-size:14px;top:57%;overflow-wrap:anywhere;background:#1e3c78;color:#fff}@media only screen and (max-width:1200px){.massage,.text{transform:scale(.8)}.text{top:52%;left:0}.massage{top:57%;left:0}}@media only screen and (max-width:992px){.massage,.text{transform:scale(.9)}.text{top:52%;left:6%}.massage{top:57%;left:6%}}@media only screen and (max-width:768px){.set{flex-direction:column-reverse}.massage,.text{transform:scale(.9)}.text{top:52%;left:2%}.massage{top:57%;left:2%}}@media only screen and (max-width:576px){.massage,.text{transform:scale(.8)}.text{top:52%;left:2%}.massage{top:57%;left:2%}}@media only screen and (max-width:500px){.text{top:52%;left:0}.massage{top:57%;left:0}}@media only screen and (max-width:450px){.text{top:52%;left:0}.massage{top:57%;left:0}}@media only screen and (max-width:400px){.text{top:52%;left:-4%}.massage{top:59%;left:-4%}}@media only screen and (max-width:350px){.massage,.text{transform:scale(.8)}}@media only screen and (max-width:330px){.text{top:52%;left:-8%}.massage{top:59%;left:-8%}}@media only screen and (max-width:300px){.massage,.text{transform:scale(.7);left:-10%}.text{top:52%}.massage{top:59%}}