/* community initiatives home */

.comrel:before,.comrel:after{content:"";display:table}
.comrel:after,.comrel .clear{clear:both}
.comrel{width:740px;margin:24px auto 0;background:url('/content/dam/oclc/about/community/bg_comrelillo_en.jpg') 78px 0 no-repeat;zoom:1}
.row1box,.row1box .top,.row1box .bot{width:302px}
.row2box,.row2box .top,.row2box .bot{width:257px}
.top,.bot{background-repeat:no-repeat;text-align:left}
.bot{height:18px;background-position:center bottom}
.row1box.left,.row2box.left{float:left}
.row1box.right,.row2box.right{float:right}
.row1box.left{margin-top:54px;margin-left:44px}
.row1box.right{margin-top:22px;margin-right:44px}
.row2box.left{margin-top:32px;margin-left:84px}
.row2box.right{margin-top:96px;margin-right:84px}
.row1box.left .top,.row1box.left .bot{background-image:url('/content/dam/oclc/about/community/bg_comrellillo_box1.png')}
.row1box.right .top,.row1box.right .bot{background-image:url('/content/dam/oclc/about/community/bg_comrellillo_box2.png')}
.row2box.left .top,.row2box.left .bot{background-image:url('/content/dam/oclc/about/community/bg_comrellillo_box3.png')}
.row2box.right .top,.row2box.right .bot{background-image:url('/content/dam/oclc/about/community/bg_comrellillo_box4.png')}
.comrel h2{padding-bottom:6px;font-size:18px;font-weight:bold;border-bottom:1px dashed #a2aaaf}
.row1box h2{padding-top:14px}
.row1box.left h2{margin:0 64px 10px 18px;color:#b35000}
.row1box.right h2{margin:0px 18px 10px 64px;color:#a9316f}
.row2box h2{margin:0 18px 10px 18px;padding-top:68px}
.row2box.left h2{color:#5f4894}
.row2box.right h2{color:#1f70ab}
.comrel p{font-size:16px;line-height:20px}
.row1box.left p{margin:0 64px 8px 18px}
.row1box.right p{margin:0 18px 16px 64px}
.row2box.left p{margin:0 18px 8px 18px}
.row2box.right p{margin:0 18px 16px 18px}
.comrel p.more{font-size:12px;line-height:15px}
.row1box.left p.more{margin:14px 64px 0 18px}
.row1box.right p.more{margin:14px 64px 0 64px}
.row2box.left p.more{margin:14px 64px 0 18px}
.row2box.right p.more{margin:14px 18px 0 18px}

@media screen and (max-width:607px) {
.comrel{background-image:none !important;width:100% !important}
.comrel *{float:none !important;width:auto !important;height:auto !important;background-image:none !important;margin:0px !important}
.comrel .row1box,.comrel .row2box{margin:0 0 14px !important}
.comrel h2,.comrel p{margin:0 0 8px !important;padding:0 0 6px !important}
.comrel .bot{display:none !important}
}