@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/*** GENERIC CSS ***/
html,body {
    font-family: "Teko", serif;
}

body {
    font-size: 16px;
    color: #000000;
    overflow-x: hidden;
}

a {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    text-decoration: none;
    color: #000000;
}

button {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

a:hover {
    text-decoration: none;
    color: #000000;
}

a:focus {
    text-decoration: none;
}

button {
    outline: 0 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}

button:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color:#000000;
    font-weight: 400;
    font-family: "Teko", serif;
}

h1 {
    font-size:46px;
    line-height: 55px;
    font-weight: 600;
}

h2 {
    font-size: 28px;
    line-height: 35px;
    font-weight: 600;
}

h3 {
    font-size:20px;
    line-height: 31px;
    font-weight: 600;
}

h4 {
    font-size:27px;
    line-height: 1.5;
}

h5 {
    font-size:24px;
    line-height: 1.5;
}

p {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 31px;
    font-family: "Inter", serif;
}

p:last-child {
    margin-bottom: 0;
}

img {
    max-width: 100%;
    height: auto;
}

/*** HEADER ***/
.header {
    background: #fff;
    padding: 25px 0px;
}

.header img {
    height: 50px;
}

/*** Banner ***/
.banner {
    height: calc(100vh - 100px);
    background: url(../img/banner.png) 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/*** Served ***/
.served {
    height:100vh;
    background: url(../img/banner_second.png) 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.fp-warning, .fp-watermark {
    display: none;
}