* { box-sizing: border-box; }
.intro-box {word-wrap: break-word;font-family: Roboto;}
.container-fluid {padding: 0; margin: 0;display: block;}
.text-center { text-align: center; }
.img-fluid { max-height: 100%; max-height: 100%; }
.rounded-circle {border-radius: 100%; overflow: hidden;}
.col-md-6, .col-lg-6 {float: left;width: 50%;position: relative;}
@media only screen and (max-width: 992px)  {
    .col-lg-6 {float: none;width: 100%;}
}
@media only screen and (max-width: 768px)  {
    .col-md-6 {float: none;width: 100%;}
}

.row {display: block;clear: both;}
.row::after {
    content: "";
    clear: both;
    display: table;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.logo-wrapper { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; }
.logo-box { width: 15em; height: 15em; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;}
.logo-box img{max-width: 100%;height: auto;}

.intro-item {
    position: relative;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-size 350ms ease-in-out; /* Arka plan boyut değişimi için geçiş */
    height: 100vh;
}
.intro-item:hover {
    /*background-size: 110%; !* Arka planı %10 büyütür *!*/
}
.intro-item a { text-decoration: none; }

.intro-img img{max-width: 300px;max-height: 200px;height: auto;width: auto;}

.intro-item .intro-item-fadder { position: relative; z-index: 1; display: table; width: 100%; height: 100%; }
.intro-item .intro-text { text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); color: #ffffff; z-index: 2; position: relative; transition: opacity 250ms; display: table-cell; vertical-align: middle; }
.intro-item .intro-text h1 {
    font-size: 2em;
    color: #ffffff;
    letter-spacing: 10px;
    font-weight: 600;
}
.intro-item .intro-text .intro-span p { margin: 8px 0 0 0; }
.intro-item .intro-text .intro-span { font-size: 20px;padding-top: 10px;  }
.intro-item-left .intro-item-fadder { background: linear-gradient(to right, rgba(0, 49, 131, 0.3), rgba(5, 26, 52, 0.4));padding-right: 50px;  }
.intro-item-right .intro-item-fadder { background: linear-gradient(to right, rgba(32, 42, 83, 0.3), rgba(32, 42, 83, 0.5)); padding-left: 50px; }

@media (max-width: 992px) {
    .logo-box { width: 8em; height: 8em; display: flex; }
    .intro-item { height: 50vh; }
    .intro-item-left .intro-item-fadder { padding-right: 0px;  }
    .intro-item-right .intro-item-fadder { padding-left: 0px; }
}

@media (max-width: 767.98px) {
    .logo-box { width: 8em; height: 8em; display: flex; }
    .intro-item { height: 50vh; }
    .intro-item-left .intro-item-fadder { padding-right: 0px;  }
    .intro-item-right .intro-item-fadder { padding-left: 0px; }
}