.blue_page{
   background-color: #0D4C7F;
   height: 100%; 
   width: 100%;
   position: absolute;
   
}
.blue_page .container{
   height: 100%;
}
.blue_page main{
   color: #FFFFFF;
   padding: 75px 0;
   font-size: 18px;
   line-height: 33px;
   height: calc(100% - 80px);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;

}

.blue_page main .tech{
   font-size: 56px;
   line-height: 87px;
   color: #FFFFFF;
}

.blue_page main div{
   color: #FFFFFF;
}

.blue_page main .tech_msg{
   margin: 20px 0 15px 0;
}


.blue_page .time_wrap *{
   color: #0D4C7F;
}

.blue_page .time_wrap label{
   font-size: 18px;
   line-height: 32.68px;
   align-self: center;
}
.blue_page .time_wrap .time{
   font-size: 56px;
   line-height: 87.16px;
}

.blue_page .time_wrap{
   display: flex;
   flex-direction: column;
}

.blue_page .clock_face{
   background-color: #FFFFFF;
   display: flex;
   width: fit-content;
   margin: 35px 0;
}

.blue_page .maintance_img{
   position: fixed;
    top: 0;
    right: 10%;
    height: 100%;
}
.blue_page .maintance_img img{
    height: 100%;
}

.blue_page .time_wrap{
   padding: 15px 25px;
}

.blue_page .contacts{
   display: flex;
}
.blue_page .col{
   display: flex;
   flex-direction: column;
}
.blue_page .col div{
   padding-top: 45px;
}

@media (max-height: 710px) {
   .blue_page .time_wrap {
      padding: 5px 10px;
  }
}

@media (max-width: 1100px){
   .blue_page main .tech {
      font-size: 48px;
  }
  .blue_page .maintance_img {
   right: 5%;
   }
   .blue_page .col div {
      padding-top: 15px;
  }
}

@media (max-width: 991px){
   .blue_page main {
      padding: 35px 0;
      font-size: 14px;
   }
  .blue_page .time_wrap label{
      font-size: 14px;
   }
   .blue_page .time_wrap .time{
      font-size: 40px;
   }
   .blue_page main .tech{
      font-size: 40px;
   }
  .blue_page .maintance_img {
      right: 1%;
   }
}

@media (max-width: 768px){
   .blue_page .maintance_img {
      display: none;
   }
   .blue_page .time_wrap .time{
      font-size: 34px;
   }
   .blue_page main .tech{
      font-size: 34px;
   }
}

@media (max-width: 480px){
   .blue_page main .tech{
      font-size: 26px;
   }
   .blue_page .contacts {
      flex-direction: column;
  }
}

@media (max-width: 370px){
   .blue_page main .tech{
      font-size: 22px;
   }
}

@media (max-width: 300px){
   .blue_page main .tech{
      line-height: 33px;
   }
}