html,body{height:100%;}
body {
    background-color:#B18050;margin:0;padding:0;
    font-family:Cairo;display:table;width:100%;
}
img{max-width:100%;}
.content{ display: table-cell;
    vertical-align: middle;}
.content .inner{   width:535px;height:535px;margin:auto; background-color:#444749;border-radius:100%;}
.content .inner .gorsel{width: 100%;
    margin: 95px auto 20px;
    display: inline-block;
    text-align: center;}
.content .inner .gorsel img{width:300px;    padding-left: 20px;}
.content .inner .metin{    width: 80%;text-align:center;
    margin: auto;
    color: #fff;}.content .inner .metin p{line-height: 18px;    margin-top: 20px;}
.content .inner .metin p a{color: #fff;text-decoration:none;}
.content .inner .metin p a:hover{color: #B18050;}

@media only screen and (min-width : 570px) and  (max-width :1000px) {
.content .inner{   width:455px;height:455px;}
.content .inner .gorsel{margin: 70px auto 10px;}
.content .inner .metin p{margin-top:0;}

}
@media only screen and (max-width : 570px) {
.content .inner{   width: 92%;
    height: auto;
    border-radius: 25px;
    padding: 6px;}
.content .inner .gorsel{      margin: 25px auto 10px auto;
    width: 255px;
    display: block;}
.content .inner .gorsel img{padding:0;}
.content .inner .metin p{    line-height: 22px;}

}