.App {
  text-align: center;
}

.App-logo {
  /*animation: App-logo-spin infinite 20s linear;*/
  height: 80px;
}

.App-header {
  background-color: #222;
  height: 150px;
  padding: 10px;
  color: white;
}

.App-sub-header {
  font-size: 12pt;
  font-weight: 800;
}

.App-intro {
  font-size: large;
}

.social-icon-bar {
  /*display: inline-flex;
  flex-direction: row;
  justify-content: "space-between";*/
  align-items: "center";
}

.social-icon {
  margin: 0px 5px;
}

.demo-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /*flex-direction: row;*/
}

.demos {
  padding: 5px;
}




.watch-app-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /*flex-direction: row;*/
}

.watch-app {
  padding: 5px;
}

.watch-thumbnail {
   width: 150px;
 }

.watch-screen {
  position: relative;
  top: 10px;
  left: 10px;
}

.watch-bg{
  // float: left;
    position: relative;
    top: 0;
    left: 0;
}