* {
  font-family: 'Titillium Web', serif;
  font-style: normal;
  text-decoration: none;
  outline: none;
}

body { color: #111; background-color: #ccc;}

.border {border:1px solid #ddd; }
.hide {display:none;}

.platform {margin: 20px auto; background-color: #fff;}
.header {padding:40px; padding-bottom:30px; background-color:#def;}
.name-text {font-family: 'Lobster', cursive; font-size: 36px; margin-bottom:10px; margin-top: 30px; line-height: 36px;}
.major-text {font-size: 18px; margin-bottom: 10px;}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-bottom-2 {margin-bottom:2px;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}

.main {padding:40px;}
.section-title {font-family: 'Monda', sans-serif; font-size: 20px; font-style: italic; padding-bottom: 5px; font-variant: small-caps;}
.section-body { }
.seperator {border-bottom: 1px solid #ddd; margin: 20px 0 30px 0;}
.seperator-line {border-bottom: 0px solid #eee; margin: 2px 0 2px 0;}
.inner-seperator {margin:10px 0 20px 0; border-bottom: 1px dashed #ddd;}
.section-body ul {margin-left: 17px;}
.subject-name { font-size: 16px; font-weight: bold; color: #2e4dbf; margin-bottom: 5px;}
a.dotted {border-bottom: 1px black dotted; display: block;}
a.dotted:hover {text-decoration: none;}

/* Portrait tablet to landscape and desktop */
@media (min-width: 900px) {
  .platform {width:980px; }
  .ftr {font-size: 11px; color: #666;}
  .section-title { width: 180px; }
  .section-body { width: 690px; }

  .item-name { max-width:550px; font-size: 16px; font-weight: bold; color: #2e4dbf;}
  .item-desc { max-width:550px; font-size:14px; font-style: italic;}
  .item-authors { max-width:550px; font-size:13px;}
  .item-period {border: 1px solid #ddd; font-size: 12px; padding:2px 5px 2px 5px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 480px) {
  .name-text {margin-top: 15px;}
  .main {padding:20px; padding-bottom:25px;}
  .platform {margin: 10px auto;}
  .ftr {font-size: 11px; color: #666;}
  .header {padding:10px; padding-bottom:0px;}
  .seperator {margin: 5px 0 10px 0;}
  .inner-seperator {margin:5px 0 10px 0; }
}