/* ## BOXES ## */
#boxes {padding: 40px 20px; width: 100%;}
#boxes > div { width: calc(25% - 40px);margin: 0 20px;}
#boxes > div > div { }
#boxes > div > div > div {}
#boxes > div > div > div > img {width: 100%;}
#boxes > div > div > div > .hm-hero-button {background-color: #035280;cursor: pointer;color: #fff;text-align: center;padding: 20px 0;font-size: 16px;transition:.5s;font-weight: bold;}
#boxes > div > div > div > .hm-hero-button:hover {background-color:#1d4580;}
#boxes > div > div > div > .hm-hero-button > .hm-hero-button-link {width: 100%;height: 100%;display: block;color:#fff;text-decoration:none;}
#boxes > div > div > div > .hm-hero-button > .hm-hero-button-link:after {content: "\f138";font-family:'fontawesome';margin-left:10px;}

.fb-like-box > iframe,iframe.twitter-timeline {	display: block;	width: 100% !important;}

@media only screen and (max-width:1199px) {
    #boxes {padding: 40px 20px 0 20px;}
    #boxes > div {width: calc(50% - 40px);margin-bottom: 40px;}
    #boxes > div > div { }
    #boxes > div > div > div { }
}

@media only screen and (max-width:1024px) {
    #boxes {padding: 20px 10px 0 10px;}
    #boxes > div {margin: 0 10px;width: calc(50% - 20px);margin-bottom: 20px;}
    #boxes > div > div { }
    #boxes > div > div > div { }
}

@media only screen and (max-width:767px) {
    #boxes {padding: 20px 20px;}
    #boxes > div { margin: 0 0 20px 0; width: 100%; }
    #boxes > div > div { }
    #boxes > div > div > div { }
}
.fb-page,
.fb-page span,
.fb-page span iframe[style] {max-width: 100% !important;}