#Student {margin: 0 auto;}
body {background-color: #ececec; font-size:14px; font-family: 'Source Sans Pro', sans-serif; color: rgb(35, 35, 35);}
.itemhook {font-weight:400;}
p, .itemtext {color: rgb(93, 93, 93);font-weight: 300;}
a {color:#890033;}
a:hover {text-decoration:none;}
.itemheading {margin-top:0; margin-bottom: 15px; padding-bottom:5px; border-bottom: 1px solid #e1e1e1}
.itemheading {font-size:1.2em; text-transform: uppercase; letter-spacing: 2px;}
hr {border-width:0; padding:5px 0;}
h2 {font-size: 2.5em;margin-bottom:10px;text-transform:uppercase; text-align:center}
.subheading {font-weight:400;margin-top:0; letter-spacing: 2px; text-align: center;}

.bulletinitem {padding:20px; background-color: #fefefe;}
.itemmeta {font-size:0.8em; color:rgb(48, 87, 178); border-top: 1px solid #e1e1e1; margin-top: 15px; padding-top: 10px}

.itemtimes {display:flex;}
.itemdistibrution {display:flex; padding-top: 5px;color:rgb(67, 67, 67);}
.itemtimes:before {color:gray;content: 'Posted : '; padding-right: 2px}
.itemauthor:before {color:gray;content: 'Author : ';}

@media only screen and (min-width: 960px) {
#Student {width: 60%;}}

@media only screen and (min-width: 720px) and (max-width: 959px) {
#Student {width: 80%;}}

@media only screen and (min-width: 459px) and (max-width: 719px) {
#Student {width: 90%;}}