
/* @font-face {
    font-family: 'Opensans Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
} */



:root{
    --mavi:#044299;
    --maviText:#074ba7;
    --siyah:#292929;
    --bronz: #bfa055;
    --gri:#eeeeee;
    --griCizgi:#dfdfdf;
    --koyuGri:#626262
}

body{

    position: relative;
    height: 100%;/*footer absolute olabilsin diye*/

    margin: 0;
    padding: 0 0 2rem 0;

    color:var(--siyah);

    font-family: Helvetica, sans-serif;
    /*font-smooth: always;*/

    /*font-size: 1.2vw;*/
    font-size: 4pt;
    box-sizing: border-box;
}


a{
    text-decoration: none;
}


@media all and (min-width: 20rem) {
    body{


        /* font-size: 5pt; */
        font-size:11pt;

    }
}
@media all and (min-width: 38rem) {
    body{


        font-size: 6pt;

    }
}
@media all and (min-width: 48rem) {
    body{


        font-size: 7pt;

    }
}
@media all and (min-width: 55rem) {
    body{


        font-size: 8pt;

    }
}
@media all and (min-width: 68rem) {
    body{

       
        font-size: 10pt;

    }
}
@media all and (min-width: 74rem) {
    body{

       
        font-size: 11pt;

    }
}

.secOuter{

    position:relative;

    /*height: 440em;*/


    max-width: 80rem;

    margin: 0 auto;

    /*padding-bottom: 10em;*/

    overflow-x: hidden;
    overflow-y: hidden;

    /*background-color: #a1b4e8;*/

}

.divGeneralContainer{
    
    position: relative;
    
    /* max-width: 80em; */
    /* min-width: 50em; */
    
    height: 100%;
    
    margin: 0 auto;
    padding: 0 1em;
    
    color: #030e6a;
    /*border:1px solid mediumpurple;*/

}
@media all and (max-width: 50rem) {
   
    .divGeneralContainer{
        width: 100%;
        max-width: unset;
        padding: 0;
    }
}


.secUst{
    
    position: relative;
    
    margin-top: 5em;
    
    z-index: 2;
    
    background-color: #eeeeee;
    
}

.divUstBack{
    position: relative;       
}

.divUstBack img{
    
    display: block;
    width: 100%;
}

.spUstBaslik{
 
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:6%;
    
    font-family: "Neutraliser Sans Alternate Bold",sans-serif;
    font-size: 2em;
    color:var(--bronz);
    letter-spacing: 0.6em;
}
.imgLogoUst{
 
    position: absolute;
    display: block;
    top:50%;
    transform: translateY(-50%);
    left:54.3%;
    
    width: 15em;
    
}

