body {
  margin: 0px;
  padding: 0px;
}
div{
  margin: 0px;
  padding: 0px;
}
.parallax {
  perspective: 1px;
  width: 100%;
  height: 90vh; /* 90 */
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
  position: absolute;
  width: 100%;
  top: 0vh;
  right: 0;
  bottom: 0;
  left: 0;
  vertical-align: top;
}
.parallax__layer--base {
  transform: translateZ(0);
  vertical-align: text-top;
}
.parallax__layer--back {
  transform: translateZ(-1px) scale(2);
}
.parabit {
  width_xxx: 100%;
  margin-top: 10vh;
  padding: 2vw;
}
.page-title{
  font-size: 180%;
}
.bitheading{
  font-size: 150%;
}
.bitsubheading{
  font-size: 120%;
  font-weight: bold;
}
.content{
}
.nested{
  width: 100%;
  padding: 3px;
}
/* skills */
.tagbutton {
  border-radius: 6px;
  display: inline-block;
  padding: 4px;
  cursor: pointer;
  margin: 2px;
}
/* Placement of the 3 columns */
.parallax__layer--backxxx > div {
  display: inline-block;
}
.centreback {
  min-height: 800px;
  background-position: center;
}
/* mobile only */
@media (max-width: 639px){
  .navbar {
    font-size: 180%;
  }
  .mobile-header-title{
    font-family: cursive;
  }
}
/* tablet and mobile */
@media (max-width: 959px){
  .maincol {
    width: 100%;
  }
  .navbar.not-mobile{
    font-size: 150%;
  }
  .parabit.maincontent{
    widthxxx: 100%;
  }
}
/* desktop */
@media (min-width: 960px){
  .maincol {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .parabit.maincontent{
    widthxxx: 960px;
  }
}

/*** strictly MOBILE only ***/
@media (max-width: 639px){
  .not_mobile,
  .not-mobile{
    display:none;
  }
}
@media (min-width: 640px) {
  .mobile-only{
    display: none;
  }
}