@font-face {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    src: local("Montserrat"),
        local("Montserrat-Regular") url("../fonts/Montserrat-Regular.ttf")
            format("truetype");
}

@font-face {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    src: local("Montserrat"), local("Montserrat-Bold"),
        url("../fonts/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    src: local("Open Sans"), local("OpenSans-Regular"),
        url("../fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    src: local("Open Sans"), local("OpenSans-Bold"),
        url("../fonts/OpenSans-Bold.ttf") format("truetype");
}