/* ==========================
   GROTTA FONT FAMILY
========================== */

@font-face {
    font-family: "Grotta";
    src: url("../fonts/Grotta-Trial-Light.otf") format("opentype"),
         url("../fonts/Grotta-Trial-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Grotta";
    src: url("../fonts/Grotta-Trial-Regular.otf") format("opentype"),
         url("../fonts/Grotta-Trial-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Grotta";
    src: url("../fonts/Grotta-Trial-Medium.otf") format("opentype"),
         url("../fonts/Grotta-Trial-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Grotta";
    src: url("../fonts/Grotta-Trial-Semibold.otf") format("opentype"),
         url("../fonts/Grotta-Trial-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Grotta";
    src: url("../fonts/Grotta-Trial-Bold.otf") format("opentype"),
         url("../fonts/Grotta-Trial-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* ==========================
   GLOBAL
========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:"Grotta", sans-serif;
    font-weight:400;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
}