.red{background-color:rgba(255, 0, 0, .2);}
.blue{ background-color:rgba(0, 0, 255, .2);}
.green{ background-color:rgba(0, 255, 0, .2);}

.row {display:table-row;}

.genel{ width:1020px; margin:0 auto; position:relative;}
.clear{ clear:both; height:0;}
a{text-decoration:none;}
a img{ border:none;}
.right{ float:right;}
.left{ float:left;}
.mrgbtm{ margin-bottom:15px;}

p{ margin-bottom:5px;}
h1,h2,h3,h4,h5{ margin:0 0 8px 0; font-weight:600;}
h1{ font-size:32px;}
h2{ font-size:22px;}
h3{ font-size:18px;}
h4{ font-size:15px;}
h5{ font-size:13px;}


/*margin degeri 10px*/
.span12{width:970px; padding:10px 20px;}
.span11{width:885px; padding:10px 20px;}
.span10{width:800px; padding:10px 20px;}
.span9{width:715px; padding:10px 20px;}
.span8-{width:610px; padding:10px}
.span8{width:610px; padding:10px 20px;}
.span7{width:565px; padding:10px;}
.span6{width:480px; padding:10px;}
.span55{width:450px; padding:10px;}
.span5{width:395px; padding:10px;}
.span4{width:305px; padding:10px;}
.span3{width:225px; padding:10px;}
.span2{width:140px; padding:10px;}
.span1{width:55px; padding:10px;}


.fspan12{width:1020px;}
.fspan11{width:925px;}
.fspan10{width:840px;}
.fspan9{width:755px;}
.fspan8{width:650px;}
.fspan75{width:595px;}
.fspan7{width:585px;}
.fspan6{width:500px;}
.fspan5{width:415px;}
.fspan4{width:325px;}
.fspan3{width:245px;}
.fspan2{width:160px;}
.fspan15{width:105px;}
.fspan1{width:75px;}

@media only screen and (max-width: 1024px) {
    /*img{max-width:100%;}    
    .right, .left{ float:none;}
    .genel{ width:768px;}
    .span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4{width:96%; padding:2%;}
    .span3, .span2, .span1{width:46%; padding:2%; float:left;}*/
    
}
@media only screen and (max-width: 768px) {
    /*.genel{ width:96%; padding:2px;}
    .span12, .span11, .span10, .span9, .span8, .span7, .span6,.span5, .span4, .span3, .span2, .span1{width:96%; padding:2%;}*/
}