body {
  font-family: 'Courier', sans-serif;
  font-size: 10pt;
  color: #000;
}

img {
  display: block;
  width: 100% !important;
  height: auto !important;
}


/* STRUCTURE */

#pagewrap {
  padding: 0px;
  width: 1230px;
  margin: 0px auto;
}

header {
  height: 100%;
}

#logo {
  width: 465px;
  margin: 0px;
}

#content {
  width: 459px;
  height: 100%;
  float: left;
  padding-top: 15px;
}

#middle {
  width: 444px;
  /* Account for margins + border values */
  float: left;
  padding-top: 5px;
  padding-left: 15px;
  margin: 0px 5px 5px 15px;
}

#sidebar {
  width: 235px;
  padding: 15px 15px;
  float: left;
}

#offset {
  display: inline-block;
  margin-left: 4px;
}

#intrests {
  border: 0px solid black;
  margin: 0px;
  border-collapse: collapse;
  padding: 0px;
}

#icons {
  width: 139px;
}
#mobileicons {
  width: 220px;
}

#mobile {
  display: none;
}


ul {
    display: table;
        list-style: none;
    padding-left:0;
    padding-top:0;
    margin-top: -10px;
}

ul > li {
    display: table-row;
}

ul > li::before {
    content: "+";
    padding-right: 20px;
    display: table-cell;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/


/* for 980px or less */

@media screen and (max-width: 1140px) {
  #pagewrap {
    width: 94%;
  }
  #mobile {
    display: block;
    font-size: 150%;
    }
  #content {display: none;}
  #middle {display: none;}
  #sidebar {display: none;}
  #logo {display: none;}
  
  
  #content {
    background: #fff;
  }
  #sidebar {
    background: #fff;
  }
  header,
  #content,
  #middle,
  #sidebar {
    margin-bottom: 5px;
  }
  #pagewrap,
  #content,
  #middle,
  #sidebar {
    border: solid 1px #fff;
  }