h1{
height:2%;
  margin: 0%;
  padding: 0%;
text-align: center;
}
.containercl {
  display: flex;
  flex-direction: column;
 /* background-color: red;*/
  height:100%;
  width: 100%;
  padding: 0%;
  text-align: center;  
  font-size: 50%;
}
.containerc2
{
  display: flex;
  flex-direction: column;
 /* background-color: grey;*/
  height:100%;
  width: 100%;
  padding: 0%;
  text-align: center;  
  font-size: 50%;
}

.containerri1 {
  width: 100%;
  display: flex;
  flex-direction: row;
 /* background-color: yellow;*/
  margin-left:0%;
  height:100%;
 
}
.containerri2 {
  width: 60%;
  display: flex;
  flex-direction: row;
  /*background-color: yellow;*/
  margin-left:15%;
  height:70%;
 
}
.containerrd1 {
  width: 40%;
  display: flex;
  flex-direction: row;
  /*background-color: green;*/
  margin:0%;
  margin-left:25%;
  height:100%;
}
.containerrb2 {
  width: 40%;
  display: flex;
  flex-direction: row;
  /*background-color: white;*/
  margin:2%;
  margin-left:25%;
  height:0%;
}

.item {
 
  background-color: black;
  width: 100%;
  height:100%;
  margin: 0%;
  text-align: center;  
  font-size: 200%;
  
}

.item1 {
 
  background-color: #a1f1f6;
  width: 100%;
  height:10%;
  margin-top: 60%;
  padding: 0%;
  text-align: center; 
  font-size: 40px;
}

.item2 {
 
  background-color: #a1f1f6;
  width: 100%;
  height:25%;
  padding: 0%;
  text-align:left;  
  font-size: 40px;
  
}
.item3 {
 
  background-color: #a1f1f6;
  width: 100%;
  height:25%;
  padding: 0%;
  text-align:left;  
  font-size: 40px;
  
}
.item img {
height: 100%;
width: 100%; 
}

#content-main {
    height: 100vh;
}