html, body {
      min-height: 100%;
     padding: 0; 
     margin: 0; 
      font-family: Arial;
    color: white;
}

.split {
    height: 100%;
    width: 50%;
    position: fixed;
    z-index: 1;
    top: 0;
    /*overflow-x: hidden;*/
    /*padding-top: 20px;*/
}
.full {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
      overflow-y: hidden;
    /*padding-top: 20px;*/
     padding-top: 0px; 
    background-color: green;
}

.left {
    left: 0;
    background-color: #111;
      overflow-x: hidden;
      overflow-y: hidden;
         padding-bottom: 0px;
}

.right {
    right: 0;
    background-color: red;
      overflow-x: hidden;
      overflow-y: hidden;
         padding-bottom: 0px;
}

.centered {
   /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;*/
}

.centered img {
    /*width: 150px;
    border-radius: 50%;*/

  width: 100%; 
  object-fit: cover;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*.inner { 
  background: url(images/Skiing.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/


.splith {
    height: 50%;
    width: 100%;
    position: fixed;
    z-index: 1;
    left: 0;
    top:0;
        overflow-x: hidden;
      overflow-y: hidden;
    padding-top: 0px;
}

.top {
    top: 0;
    background-color: #111;
      overflow-x: hidden;
      overflow-y: hidden;
}

.bottom {
    top: 50%;
    background-color: red;
      overflow-x: hidden;
      overflow-y: hidden;
}

#div141 { background: #DDD;width: 50%; height: 50%; float: left; }
#div142 { background: #AAA;width: 50%; height: 50%; float: left; }
#div143 { background: #777; width: 50%; height: 50%; float: left;}
#div144 { background: #444; width: 50%; height: 50%; float: left;}


#div131 { background: #DDD;width: 50%; height: 100%; float: left; }
#div132 { background: #AAA;width: 50%; height: 50%; float: left; }
#div133 { background: #777; width: 50%; height: 50%; float: left;}


.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.intrinsic-container video {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}