İyi çalışmalar 
<!DOCTYPE html>
<html lang="tr">
<!--[if IE 9 ]><html lang="tr" class="ie9"><![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Başlık</title>
        <meta name="description" content="Açıklama">
        <link rel="icon" href="#" type="image/x-icon"/> <!--buraya favicon koyabilirsin-->
<style>
.bakim {
    text-align: center;
padding: 140px;
font-size: 100px;
font-family: sans-serif;
font-weight: 700;
    }
@media screen and (max-width:768px) {
.bakim {
padding: 140px 0px;
font-size: 50px;
width: 100%;
    }
}    
.renk {
    background:#c7c7c7
    }
</style>    
</head>
<body class="renk">
<p class="bakim">BAKIMDAYIZ</p>
</body>
</html>