@font-face {
    font-family: 'SharpSansPro';
    src: url('../fonts/SharpSansNo1BoldRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

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

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


h1,h2,h3,h4 {
    font-family: 'SharpSansPro', sans-serif;
}
.lato {
    font-family: 'Lato', sans-serif;
}
.amenty {
    font-family: 'Amenty', sans-serif;
    font-size: 1.5em;
    width: 175px;
}
.box {
    margin-top: 12em;
}
.relative .box {
    position: absolute;
    margin: 0;
    top: 25%;
    width: 200px;
    left: 47%;
    text-align: right;
}
.absolute {
    position: absolute;
    top: 100px;
    right: 100px;
    z-index: 1;
}
.z-2 {
    z-index: 2;
}
.includes {
    background: rgba(0, 0, 0, .45);
    padding: 15px;
    border-radius: 5px;
}
.SEOLandingPage {
    background-image: url('../images/seo-background.jpg');
    background-size: cover;
    background-position: center;
    font-size: 15px;
    height: 100%;
    color: white;
}
#slider1 {
    background: #000;
    padding: 15px 0;
}
.info {
        width: 150px;
}
.bottom {
    position:absolute;
    bottom: 50px;
    left: 5%;
}
.logo {
    width:300px;
}
.cr1 {
    display: flex;
    gap:15px;
    
}
.cr1 .c6.li-bullet-0 {
    display: grid;
    grid-auto-columns: 1fr;
    background: #000;
    padding: 15px 20px;
    border-radius: 5px;
    border: 1px solid #fff1df;
}

.no-d {
    text-decoration: none;
}
ul.social{
    list-style-type: none;
    gap: 15px;
}
.fa {
    color: #fff;
    font-size: 20px;
}
.cr1 li a {
    text-decoration: none;
    color: #fff;
} 
.l-none {
    list-style-type: none;
}
.ind {
    text-indent: 2rem;;
}  

@media (max-width: 768px) {
    .absolute {
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
        margin-top: 15px;
    }
    .relative .box {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .bottom {
        position: relative;
        bottom: 0;
        left: 0;
        text-align: center;
        margin-top: 15px;
    }
    .logo {
        width: 200px;
    }
    .includes {
            flex-wrap: wrap;
    }
    .cr1 {
        flex-direction: column;
    }
    .col-sm-12 {
    width: 100%;
    }
}
@media (min-width: 576px) {
    .col-sm-12 {
        flex: 0 0 auto;
        width: 50%;
    }
}