@import "footer.css";
@import "header.css";
@import "section.css";
@import "main.css";
@import "wrapper.css";
@import "rest-block.css";
@import "page.css";
@import "forms.css";
@import url("./services-preview.css");
@import "landing-hero.css";
@import "landing-reasons.css";
@import "landing-featured-program.css";
@import "landing-programs.css";
@import "landing-location.css";
@import "landing-cta.css";
@import "hero-block.css";
@import "visitbabay.css";
@import 'services-nav.css';
@import 'allservic.css';
@import "foot-block.css";

@font-face{
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-VariableFont_wght.ttf);
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

body {
    color: #1f1f1f;
    line-height: 1.45;
}

.container{
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding-left: clamp(12px, 2.2vw, 28px);
    padding-right: clamp(12px, 2.2vw, 28px);
}

img,
svg,
video,
canvas {
    max-width: 100%;
    height: auto;
    display: block;
}

a,
button {
    transition: 0.25s ease;
}

button,
input,
select,
textarea {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: anywhere;
}

@media (max-width: 576px) {
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }
}