<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ## BOXES ## */
#boxes {padding: 40px 20px; width: 100%;}
#boxes &gt; div { width: calc(25% - 40px);margin: 0 20px;}
#boxes &gt; div &gt; div { }
#boxes &gt; div &gt; div &gt; div {}
#boxes &gt; div &gt; div &gt; div &gt; img {width: 100%;}
#boxes &gt; div &gt; div &gt; div &gt; .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 &gt; div &gt; div &gt; div &gt; .hm-hero-button:hover {background-color:#1d4580;}
#boxes &gt; div &gt; div &gt; div &gt; .hm-hero-button &gt; .hm-hero-button-link {width: 100%;height: 100%;display: block;color:#fff;text-decoration:none;}
#boxes &gt; div &gt; div &gt; div &gt; .hm-hero-button &gt; .hm-hero-button-link:after {content: "\f138";font-family:'fontawesome';margin-left:10px;}

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

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

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

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