@font-face {
    font-family: 'itc_avant_garde_gothicbook';
    src: url('fonts/itc_avant_garde_gothic_book_regular-webfont.woff2') format('woff2'),
         url('fonts/itc_avant_garde_gothic_book_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'itc_avant_garde_gothic_stdMd';
    src: url('fonts/itc_avant_garde_gothic_std_medium-webfont.woff2') format('woff2'),
         url('fonts/itc_avant_garde_gothic_std_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
--ff-body: 'itc_avant_garde_gothicbook';
--ff-head: 'itc_avant_garde_gothic_stdMd';
--primary-clr: #49bbea;
--secondary-clr: #6458a7;
--third-clr: #bd3c98;
--fourth-clr: #ef3160;
--txt-color: #424242;
}

body {font-family:var(--ff-body);font-weight:bold;font-size:110%;margin:0;background:#f7f7f7;letter-spacing:1px;}
a {text-decoration:none;}
img {max-width:100%;}
.wrap {width:75%;max-width:1200px;margin:0 auto;}
.main-logo {display:block;margin:0 auto;}
.intro {color:var(--txt-clr);font-weight:bold;text-align:center;margin-bottom:35px;font-size:1.4rem;}
.logos {width:100%;margin:0 auto 80px;padding:0;list-style:none;display:flex;flex-flow:row wrap;justify-content:space-between;}
.logos > li {text-align:center;flex-basis:46%;margin-bottom:35px;background:#fff;padding:0 15px 35px;border-radius:30px;}
.logos.three > li {flex-basis:29%;}
.logos img {width:80%;}
.company-meta {margin:0;padding:0;list-style:none;display:flex;gap:15px;justify-content:center;font-size:1rem;}
.company-meta i {color:var(--primary-clr);font-size:1.4rem;}
.company-meta a {color:var(--secondary-clr);}
.stripe {background-color:#ee365f;background-image:url("a1-stripe.png");background-repeat:repeat-y;width:100%;height:80px;}
.stripe.top {height:20px;}

@media only screen and (max-width: 1500px), only screen and (max-device-width: 1500px) {
.wp-block-group__inner-container,.wrap {width:85%;}
}
@media only screen and (max-width: 1368px), only screen and (max-device-width: 1368px) {
.wp-block-group__inner-container,.wrap {width:95%;}
}

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
.company-meta {flex-direction:column;}
}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
.logos > li,.logos.three > li {flex-basis:100%;}
}