/* ============================================
   SITE-BUTTONS.CSS
   ============================================ */

/* Canonical button styling (formerly hero-cta) */
.site-button {
    display: inline-block;
    padding: 10px;
    background: #333333;
    color: #fff;
    font-weight: 400;
    font-family: Calibri;
    text-decoration: none;
    font-size: 200%;
    text-transform: uppercase;
    border-radius: 5px;
    transition: background 0.2s ease;
}

.site-button:hover {
    background: #fff;
    color: #333;
}



@media (max-width: 600px) {
	.site-button {
		padding: 5px;
		font-size: 10px;
	}
}