@import url(https://fonts.cdnfonts.com/css/switzer);

body { font-family: 'Switzer',Arial, Helvetica, sans-serif !important;}
h1 {
    font-size: clamp(1.8rem, 3vw + 1px, 2.5rem);
}

.fw-100 { font-weight: 100 !important;}
.fw-200 { font-weight: 200 !important;}
.fw-300 { font-weight: 300 !important;}
.fw-400 { font-weight: 400 !important;}
.fw-500 { font-weight: 500 !important;}
.fw-600 { font-weight: 600 !important;}
.fw-700 { font-weight: 700 !important;}
.fw-800 { font-weight: 800 !important;}
.fw-900 { font-weight: 900 !important;}


.fs-12 { font-size: clamp(10px, 1vw + 1px , 12px) !important;}
.fs-14 { font-size: clamp(12px, 1vw + 1px , 14px) !important;}
.fs-16 { font-size: clamp(14px, 1vw + 1px , 16px) !important;}
.fs-18 { font-size: clamp(14px, 1vw + 1px , 18px) !important;}
.fs-20 { font-size: clamp(13px, 2vw + 1px , 20px) !important;}
.fs-22 { font-size: clamp(14px, 2vw + 1px , 22px) !important;}
.fs-24 { font-size: clamp(16px, 2vw + 1px , 24px) !important;}
.fs-28 { font-size: clamp(18px, 3vw + 1px , 28px) !important;}
.fs-30 { font-size: clamp(22px, 3vw + 1px , 30px) !important;}
.fs-36 { font-size: clamp(24px, 3vw + 1px , 36px) !important;}
.fs-42 { font-size: clamp(36px, 3vw + 1px , 42px) !important;}

.fs-48 { font-size: 48px !important;}
.fs-58 { font-size: 58px !important;}
.fs-64 { font-size: 64px !important;}
footer .social { display: flex; gap: 5px; }
footer .social a { 
    display: flex; 
    width: 28px; 
    aspect-ratio: 1/1; 
    align-items: center; 
    justify-content: center; 
    background-color: #000;
    border-radius: 50%;
}
footer .social a .fa-brands { color: #fff; font-size: 14px;}
footer  a { color: #212529 !important; text-decoration: none;}
footer .list-unstyled li { margin-bottom: 10px;}

.contact .form-control,
.contact .form-select { border-color:rgb(234, 234, 234) !important; font-size: 16px; min-height: 52px; border-radius: 8px;}
.contact .btn.btn-dark { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    min-height:48px; 
    width: 110px; 
    border-radius: 8px; 
    font-weight: 600;
    background-color: #000;
}
select.form-control,
select.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.6em center; /* move a bit left */
    background-size: 14px;
}
@media screen and (max-width:900px) {
    .copy * { font-size: 12px !important;}
}