*{margin:0; padding: 0px; border: 0px; text-decoration: none; list-style: none;}
.modal {
    width: 100%;
    position: fixed;
    background: rgba(42,66,91,.8);
    padding-top: 20px;
    max-height: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    font-family: 'Open Sans', sans-serif;
}
.container{width: 700px;margin: 0 auto;background: #eeeeee;border-radius: 10px;}
.container > ul{display: flex; align-items: center; justify-content: center;}
.container > ul li{text-align: center;}

.logos{text-align: center; width: 100%; padding: 20px 40px; color: #34495e;}
.logos li {font-size: 32px;}
.logos img{width: 50%;padding-top: 30px;}

.boxes li{background: white;text-align: center;width: 30%;height: 250px;margin: 40px 5px;position: relative;}
.boxes img {width: 50%;padding-top: 50px;}
.boxes p a{
    background:#244669;
    padding: 10px;
    position: absolute;
    bottom: 0px;
    left:0px;
    width: 190px;
    color: white;
    font-weight: bold;
    font-size: 12px;
}
.boxes p a:after {
    content: '>';
    position: absolute;
    right: 10px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    top: 0;
}
footer{width: 1230px; margin: 20px auto; text-align: center; color: white;}
footer p{margin-top: 5px;}
.big{font-size: 16px;}
.medium{font-size: 14px;}
.small{font-size: 12px;}