* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: Circular;
    font-style: normal;
    src: url("../fonts/lineto-circular-pro-book.ttf");
    font-display: swap;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
}

body {
    font:normal 16px/1.5 Circular;
    color: #000;
    overflow-x: hidden;
}
a {
    text-decoration: none;
    display: inline-block;
    color: #000;
}
a:hover,
a:focus {
    text-decoration: none;
    background-color: transparent !important;
}
section,
article,
nav,
main,
header,
footer {
    display: block;
}
header {
    background: url(../img/intro-bg.svg) no-repeat center top/cover;
}
section {
    padding: 80px 0;
}
footer {
    padding: 20px 0;
    font-size: 20px;
    border-top: #ccc solid 1px;
}
h5 {
    font-size: 24px;
}
.container {
    padding: 0 20px;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
nav {
    background: none;
    padding: 24px 0;
    margin-bottom: 0;
}
.nav a {
    font-size: 20px;
    letter-spacing: normal;
}
.nav img{
    max-width: 248px;
}
.nav .icon-bar {
    background: #000;
}
.intro {
    padding: 128px 0;
}
.intro p{
    font-family: Circular;
    font-size: 48px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -1px;
    text-align: center;
    color: #000;
    margin: 0 auto;
}
.icon img{
    padding-bottom: 16px;
}
.download {
    padding: 20px 0;
}
.download a{
    margin-left: 16px;
}
footer {
    text-align: center;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
    direction: rtl;
    padding: 32px 0;
}
footer .link{
    display: inline-block;
    direction: ltr;
}
footer .link a {
    margin-left: 32px;
}
footer .copyright{
    display: inline-block;
    direction: ltr;
}
@media (max-width: 991px) {
    .intro p{
        font-size: 36px;
    }
}
@media (max-width: 768px) {
    nav {
        padding: 16px 0;
    }
    .nav img {
        max-width: 200px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
    }
    .intro {
        padding: 64px 0;
    }
    .intro p{
        font-size: 24px;
    }
    footer .link{
        display: block;
    }
    footer .link a {
        margin-left: 16px;
    }
    footer .copyright{
        display: block;
    }
}