@media screen and (max-width:540px){.view{width:400px;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notonastaliqurdudraft.css">p{font-family:'Noto Nastaliq Urdu Draft', serif;}body{background:#f1f1f1;font-family:helvetica neue, helvetica, arial, sans-serif;font-weight:200;}#notebook-paper{width:500px;height:1109px;background:linear-gradient(to bottom,white 29px,#00b0d7 1px);margin:50px auto;background-size:100% 30px;position:relative;padding-top:150px;padding-left:160px;padding-right:20px;overflow:hidden;border-radius:5px;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);-moz-box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);-ms-box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);-o-box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);box-shadow:3px 3px 3px rgba(0,0,0,.2),0px 0px 6px rgba(0,0,0,.2);&:before{content:'';display:block;position:absolute;z-index:1;top:0;left:140px;height:100%;width:1px;background:#db4034;}header{height:150px;width:100%;background:white;position:absolute;top:0;left:0;h1{font-size:60px;line-height:60px;padding:127px 20px 0 160px;}}#content{margin-top:67px;font-size:20px;line-height:30px;p{margin:0 0 30px 0;}}}