*{
  box-sizing:border-box;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
  
}
.calendar{
  width:950px;
  height: 550px;
  background-color:	#F8F8F8;
  box-shadow: 2px 5px 10px 5px 	#E8E8E8;
  border-radius: 20px;
  display:flex;
  overflow:hidden;
  
}
.calendar-picture{

  width: 340px;
  height:550px;
  color: #fff;
  background:url(../img/423532.jpg) no-repeat center / cover;
  

}

h2{
  color: #007acc;
 font-family: 'Roboto', sans-serif;
  font-size: 40px;
  float: right;
  position: relative;
  right: 55px;
  top: 20px;
 
}
.calendar-date {

  color:grey;
  display: flex;
  flex-wrap:wrap;
  padding-left:35px;
  font-weight:bold;
  width:100%;

}
.cal-day{
  width:calc(100% / 7);
  color:	#909090;
  font-size:15px;
  text-align:center;
}
.cal-numbers{
  font-size:20px;
  color:grey;
 display: flex;
  flex-wrap:wrap;
 padding-left:55px;
    
}
.cal-num{

  width:calc(100% / 7);
 padding:10px;
  color:#404040;
  font-weight:bold;
  font-size:23px;
  text-align:center;

  
    
}
.cal8{
  background-color: #0088cc;
  border-radius:10px;
  color:white;
  
}