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

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

* {
    box-sizing: border-box;
}

#test {
    position: fixed;
    right: 0px;
    bottom: 0px;
    color: white;
    font-weight: bold;
    padding: 10px;
    z-index: 1;
    background-color: #28282869;
}
body {
  
    box-sizing: border-box;

    margin: 0;
    background-position: 50% 0;
    background-color: #f3f3f3;
    font-family: 'Roboto', sans-serif;
    /*color: #6f42c1;*/
    color: #676767;
    background-color: #ffffff;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
    color: #646464;
}

#container {
    width: 100%;
    min-height:100vh;
   
}

#kapsa {
    width: 80%;
 
    margin: 0 auto;
    height:100%;
    /*overflow: hidden;*/
}

#ust {
    background-color: #f4f4f4;
    border-bottom: 3px solid #dedede;
    position: relative;
    float: left;
    height: 70px;
    width: 100%;
    display:none;
}
#slider {
    position: relative;
    float: left;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
  
    background-attachment: fixed;
    border-bottom: 5px solid #333;
    background-position: center center;
    background-image: url(/images/bg.jpg);
    background-size: cover;

}
#slider img{
    display:none;
    width:100%;
}
    #slider .sol {
        position: relative;
        float: left;
        width: 60%;
        font-weight: bold;
        font-size: 40px;
        color: #fff;
        padding: 61px;
        font-family: system-ui;
    }
#slider .sag{
    position:relative;
    float:left;
    width:40%;
}
#logo {
    height: 100%;
    position: relative;
    float: left;
}

    #logo img {
        height: 100%;
    }
    #orta{
      
        position:relative;
        float:left;
        width:100%;
        padding:100px;
        min-height:400px;
    }
    .ortasol{
        position:relative;
        float:left;
        width:50%;
    }
.ortasag {
    position: relative;
    float: left;
    width: 50%;
}
.yazi {
    font-size: 15px;
}
h1 {
    font-size: 26px;
    font-family: montserrat;
    font-weight: bolder;
}
#alt {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 100%;
    height: 200px;
    background-color: #353535;
}
#alt .ust{
    position:relative;
    float:left;
    width:100%;
}
    #alt .alt {
        background-color: #000;
        position: relative;
        float: left;
        font-size: 10px;
        text-align: right;
        width: 100%;
        padding: 10px;
        height: 34px;
        color: #ccc;
        font-family: initial;
    }

#alt .sol{
    position:relative;
    float:left;
    width:70%;
}
#alt .sag{
    position:relative;
    float:right;
    width:30%;
    padding:50px;
}
#alt .sag .bol{
    position:relative;
    float:left;
    width:50%;
    padding:10px;
}
    #alt .sag .bol img{
        width:100%;
    }
        #logo{
        position:relative;
        float:left;
    }
        #logo img {
            height: 87%;
            margin: 4px;
        }

@media (max-width: 768px) {
    #slider {
        height: auto;
        
    }
    #slider img{
        display:block;
    }
    #container {
        height: 100vh;
    }
    .ortasol{
        width:100%;
    }
    .ortasag{
        width:100%;
    }
    #orta{
        padding:10px;
    }
}