body{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#containermenu{
    width:100%;
}
div.containermenubaslik{
    width: 100%;
    height: 200px;
    text-align: center;
    background-position: cover;
    padding-top:25px ;
    position:relative;
}
.containermenubaslik h1{
    color: #fff;
    font-size: 70px;
    
}
.containermenubaslik h3{
    color: #fff;
    font-size: 20px;
}
a{
    text-decoration: none;
    color:grey;
}
ul{
    list-style-type: none;
}
aside.buttonlar{
    width: 230px;
    float: right;
}
aside.buttonlar h3{
    margin-left: 60px;
    margin-top: 15px;
    
}
div.urunblok{
    width:100vw;
    padding-top:30px;
    display:block;
}
.urunblok .single-blok{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:-40px;
}
.urunblok .single-blok div{
    width: 40%;
}
.urunblok .single-blok .single-properties{
    display: flex;
    padding-top:10px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.urunblok .single-blok .single-properties .title{
    font-weight: bold;
    font-size:34px;
    padding-top:60px;
    margin-bottom:60px;
    text-align: center;
}
.urunblok .single-blok .single-properties ul li:nth-child(2n+0){
    background-color:#b6d3d1;
}
.urunblok .single-blok .single-properties ul li:nth-child(2n+1){
    background-color: #f9f9f9;
}
.urunblok .single-blok .single-properties ul li{
    display:flex;
    align-items: center;
    padding:5px;
    height:40px;
    font-weight: 500;
    transition:600ms all;
}
.urunblok .single-blok .single-properties button{
    border:0;
    outline:0;
    margin:auto;
    transition:600ms all;
    margin-top:40px;
    width:300px;
    height:40px;
}
.urunblok .single-blok .single-properties button:hover{
    background-color: #b6d3d1;
    transform:scale(1.3);
}
.urunblok .single-blok .single-properties ul li:hover{
    background-color:#fff;
}
.urunblok .single-blok .single-properties ul li:first-child{
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.urunblok .single-blok .single-properties ul li:last-child{
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.urunblok .single-blok .single-resim{
    display:flex;
    flex-direction: column;
    padding-top:0px;
    justify-content: center;
    align-items: center;
}
.geridon a{
    border:0;outline:0;
    background-color: #eee;
    display:flex;justify-content: center;
    align-items: center;
    margin:40px;
    width:120px;
    height:40px;

}
.urunblok .single-blok .single-resim img{
    width:60%;
    margin-top:-180px;

}
.urunblok{
    position:absolute;
    left:0;width:100%;
    margin:0;padding:0;border:0;outline:0;
}

.urunblok #root{
    position: absolute;
    left:0;
}
aside.buttonlar li{
    display: block;
    margin: 15px;
    padding: 10px;
    font-size: 15px;
    border-bottom: 2px grey solid;
}
@media only screen and (min-width: 600px) and (max-width: 1300px){
#containermenu{
    width:100%;
    margin: 0px;
}
div.containermenubaslik{
    width: 100%;
    height: 200px;
    text-align: center;
    background-position: cover;
    padding-top:25px ;
    position:relative;
}
.containermenubaslik h1{
    color: #fff;
    font-size: 70px;
    
}
.containermenubaslik h3{
    color: #fff;
    font-size: 20px;
}
a{
    text-decoration: none;
    color:grey;
}
ul{
    list-style-type: none;
}
aside.buttonlar{
    width: 230px;
    float: right;
}
aside.buttonlar h3{
    margin-left: 60px;
    margin-top: 15px;
    
}
div.urunblok{
    width:85%;
    display: inline-block;
    margin-left:20px;
    padding-left:130px;
    padding-top:30px
}
aside.buttonlar li{
    display: block;
    margin: 15px;
    padding: 10px;
    font-size: 15px;
    border-bottom: 2px grey solid;
}    
}