section.jcb{display:grid;grid-template-columns:50% 50%;grid-template-areas:"image content";background:#f2f2f2;margin:2rem 0}section.jcb.switch{grid-template-areas:"content image"}section.jcb .image{grid-area:image;height:100%;width:100%;background-size:cover}section.jcb .content{grid-area:content;padding:3rem;color:#262626;word-break:break-word;word-wrap:break-word}section.jcb .content h3{font-size:2.2rem;text-transform:uppercase;font-weight:700;margin-bottom:2rem}section.jcb .content h6{font-size:1rem;text-transform:uppercase;font-weight:700;margin-bottom:1rem}section.jcb .content span{font-size:.9rem;color:#333}section.jcb .content span ul{margin-left:-40px}section.jcb .jcbButton{display:none}section.jcb .jcbButton.show_button{display:inline-block;font-family:"Roboto",Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;background-color:#ffaf2f;border-style:solid;border-width:2px 2px 2px 2px;border-color:#fff;border-radius:3px 3px 3px 3px;padding:12px 24px;color:#fff;margin-top:20px;transition:all .3s}section.jcb .jcbButton.show_button:hover{background-color:#082A8784}@media only screen and (max-width:767px){section.jcb{grid-template-columns:1fr;grid-template-rows:250px 1fr;grid-template-areas:"image" "content"!important}section.jcb .content{padding:2.5rem 1.5rem}section.jcb .content h3{font-size:1.5rem;margin-bottom:1rem}}