/* Connecting Fonts      :-
--------------------------- */
@font-face {
    font-family: 'Gotham';
    src: url("http://kryzal.com/joe/common/fonts/Gotham-Book_gdi.eot");
    src: url("http://kryzal.com/joe/common/fonts/Gotham-Book_gdi.eot?#iefix") format('embedded-opentype'), url("http://kryzal.com/joe/common/fonts/Gotham-Book_gdi.woff") format('woff'), url("http://kryzal.com/joe/common/fonts/Gotham-Book_gdi.ttf") format('truetype'), url("http://kryzal.com/joe/common/fonts/Gotham-Book_gdi.svg#Gotham-Book") format('svg');
    font-weight: 325;
    font-style: normal;
    font-stretch: normal;
}

body {
    height: 100vh;
    font-family: Raleway;
    width: 100%;
    overflow-x: hidden !important;
}


.bg{
    display: flex;
    height: 100vh;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 5rem;
}


.title{
    font-size: 4rem;
    text-align: center;
    line-height: 1;
}

.title span{
    font-size: 100;
    opacity: .7;
    font-size: 2.5rem !important;
}

#sayim{
    font-size: 52px;
    font-weight: bolder;
    color: #cfcfcf;
    margin-bottom: 1rem;
}


.info{
    background: #252525;
    color: white;
    padding: 14px 20px;
    margin-top: 3rem;
    text-align: center;
}

@media (max-width: 991px) {

    #sayim{
        text-align: center;
        font-size: 2rem;
    }

    .title {
        font-size: 2.1rem;
        text-align: center;
        line-height: 1;
        width: 100%;
        padding: 0 2rem;
    }

}