html {
	scroll-behavior: smooth;
}

body {
    background-color: #f5f5f5;
}

* {
    box-sizing: border-box;
    font-family: "Lato", Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-ThinItalic.ttf")  format('truetype');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-Thin.ttf")  format('truetype');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-LightItalic.ttf")  format('truetype');
    font-weight: light;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-Light.ttf")  format('truetype');
    font-weight: light;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-Italic.ttf")  format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-Regular.ttf")  format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-BoldItalic.ttf")  format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-Bold.ttf")  format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-BlackItalic.ttf")  format('truetype');
    font-weight: bolder;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato/Lato-Black.ttf")  format('truetype');
    font-weight: bolder;
    font-style: normal;
} */

.hero img {
    width: 100%;
    height: 100%;
    max-height: 650px;
    object-fit: cover;
}


.background-hero {
    background-image: url('assets/img/hero.jpg');
}