@charset 'utf-8';
body{font-family: 'Raleway', sans-serif; font-weight: 400; font-size:17px; overflow-anchor: none; padding: 15px; background-color: #f2f2f2; }
.main-logo {width: 280px; margin-bottom: 50px;}
a {color: #000; text-decoration: none;}
h1  {font-size: 26px; font-weight: 700; margin-bottom: 20px;}
h2  {font-size: 22px; font-weight: 700; margin-bottom: 20px;}
.body-inner {max-width: 1200px; margin: auto; text-align: center; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; min-height: 100vh;}
.grid-logos {display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 40px;}
.grid-logos .item {width: 100%; padding: 10px;}
.logo-item {padding: 20px; border-radius: 4px; background-color: #fff; display: block; border: 1px solid #ebebeb; -webkit-transition: .1s all ease-in-out; transition: .1s all ease-in-out;}
.logo-item:hover {border-color: #98a27f;}
.logo-item:hover .logo-title {color: #98a27f;}
.logo-image {height: 100px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
.logo-image img {width: 100%;}
.logo-title {font-weight: 700; font-size: 20px; margin-top: 10px; -webkit-transition: .1s all ease-in-out; transition: .1s all ease-in-out;}
.logo-caption {color: #444; margin-top: 8px; font-size: 15px; font-weight: 400;}
.main-text {line-height: 1.6; margin-bottom: 40px;}

@media screen and (min-width: 768px){
    .grid-logos .item {width: 50%;}
}
@media screen and (min-width: 1024px){
    .grid-logos .item {width: 25%;}
}