body{background: radial-gradient(#444,#000) no-repeat center fixed;text-shadow: 1px 1px 1px #000;}
*{margin:0;padding:0;border:0;}
html,body{margin:0;padding:0;}
@media only screen and (max-width: 767px){
.box{margin:30px auto;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.box{margin:10% auto;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.box{margin:10% auto;}
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
.box{margin:30px auto;}
}
@media only screen and (min-width: 1367px){
.box{margin:10% auto;}
}
a:hover,a:focus{text-decoration: none;}

.box{text-align: center;}
.box .logo{margin-bottom: 30px;}
.box .logo img{display: block;margin:50px auto;max-width: 100%;height: auto;}
.box h2{margin:0;padding:30px 0;text-align: center;font-size:35px;color:#ffa300;}
.box a{display: block;}
.box .hemenara{width: 200px;background: #ffa300;margin:0 auto;text-align: center;font-size:20px;font-weight: bold;color:#000;padding:10px 5px;margin-bottom: 30px;}
.box .link{font-size:25px;color:#ffa300;margin-bottom: 30px;}
.box p{color:#fff;text-align: center;margin-bottom: 20px;font-size:18px;}
.saruhanweb-img{display: block;margin:50px auto;width: 150px;height: auto;}