body {
    font-family: 'Montserrat', sans-serif;
    max-width: 100%;
    background: #070707 ;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    font-family: 'Montserrat', sans-serif;
}
a {
    color:#212a44;
    text-decoration: none;
    transition: 0.3s ease all;
    font-family: 'Montserrat', sans-serif;
}
a:focus,img:focus{
    outline: none!important;
}
*:focus{
    outline: unset!important;
}
a:hover {
    color:#212a44;
    text-decoration: none;
}
* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: 'Montserrat', sans-serif;

}
b{
    font-weight:bold;
}
img{
    max-width:100%;
}
.bg{background: url('../img/bg.png') center center no-repeat;background-size: contain;width: 100%;min-height: 100vh;padding-top: 10%;}
.logo{
    text-align: center;
}
.logo a{


}

.firmalar {

}

.firmalar .firma {

    position: relative;

    height: 100%;

    display: flex;

    align-items: flex-end;
}

.firmalar .firma a:after {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: -15px;
    background-color: #ffffff1c;
    z-index: 1;
    border: 3px dashed #00000061;
    border-style: dotted;
    height: 130px;
    transition: 0.5s ease all;
}
.firmalar .firma a {

    position: relative;

    transition: 0.5s ease all;

    display: inline-block;

    top: 0px;
}
.firmalar .firma a:hover{
    top: -15px;
}
.firmalar .firma a:hover:after {
    background-color: rgba(255, 255, 255, 0.31);
}
.firmalar .firma a  img{
    position: relative;
    z-index: 2;
}
.firmalar .firma a:hover  img{

}
#particles-js
{
    position: absolute;
    left:0px;
    right: 0px;
    bottom:0px;
    top:0px;
}
@media only screen and (max-width:479px){
    .firmalar .firma {
        position: relative;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin-bottom: 70px;
    }
}
}

@media only screen and (min-width : 480px) and (max-width:767px) {
    .firmalar .firma {
        position: relative;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin-bottom: 70px;
    }

}

@media only screen and (min-width : 768px) and (max-width : 991px){
    .firmalar .firma {
        position: relative;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin-bottom: 70px;
    }
}
@media only screen and (min-width : 992px) and (max-width:1199px){
     .logo{
        margin-left: -70px;
    }

}
@media only screen and (min-width : 1200px) {
      .logo{
        margin-left: -70px;
    }

}