@charset "UTF-8";

section{
  height: 800px;
}

#elem0{
  height: 300px;
}
#elem1{
  background: url('../img/1.jpg') no-repeat;
  background-size: cover;
  background-position: 0 0;
  position: relative;
  overflow: hidden;
}
  #elem1 .box1{
    background-color: #D82C2E;
    position: absolute;
    top:0;
    left: 0px;
    color: #FFF;
    width: 100px;
    height: 100px;
  }
  #elem1 .box2{
    background-color: #4D394B;
    position: absolute;
    bottom:0;
    right: 0px;
    color: #FFF;
    width: 100px;
    height: 100px;
  }

#elem2{
  background: url('../img/2.jpg')  no-repeat;
  background-size: cover;
  background-position: 0 0;
  position: relative;
}
  #elem2 .box1{
    background-color: #D82C2E;
    position: absolute;
    top:0px;
    left: 0px;
    color: #FFF;
    width: 100px;
    height: 100px;
  }
  #elem2 .box2{
    background-color: #0022B6;
    position: absolute;
    top:0px;
    right: 0px;
    color: #FFF;
    width: 100px;
    height: 100px;
  }
  #elem2 .box3{
    background-color: #68BE26;
    position: absolute;
    bottom:0px;
    left: 0px;
    color: #FFF;
    width: 100px;
    height: 100px;
  }
  #elem2 .box4{
    background-color: #272822;
    position: absolute;
    bottom:0px;
    right: 0px;
    color: #FFF;
    width: 100px;
    height: 100px;
  }

#elem3{
  background: url('../img/3.jpg') no-repeat;
  background-size: cover;
  background-position: 0 0;
  position: relative;
}