 body{
    background-color: rgb(216, 214, 214);
 }


 .left-side{
   position: relative;
   background-color: #444D55;
   height: 600px;
   color: white;
 }
 .images{
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin: auto;
   width: 100%;
 }
 .image-log{
   display: flex;
   justify-content: center;
 }

.image-log img{
   width: 170px;
   margin: 20px;
 }

 .logo-art{
   display: flex;
   justify-content: center;
 }

 .logo-art img{
   width: 300px;
   margin-bottom: 30px;
 }

img.vert-move {
   -webkit-animation: mover 2s infinite  alternate;
   animation: mover 2s infinite  alternate;
}
img.vert-move {
   -webkit-animation: mover 2s infinite  alternate;
   animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
   0% { transform: translateY(0); }
   100% { transform: translateY(-20px); }
}
@keyframes mover {
   0% { transform: translateY(0); }
   100% { transform: translateY(-20px); }
}

.copy-right{
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
}
 .right-side{
/*    background-image: url("../images/scexpress_phcum.jpg");*/
    object-position: top;
    object-fit: cover;
    background-size: 560px;
    background-color: rgb(0, 145, 235); 
    background-repeat: no-repeat;
    background-position: bottom;
    height: 600px;
    position: relative;
 }

 @media screen and (max-width: 600px) {
   .right-side .title-logo{
      margin-top: 40px;
   }
 }

 @media screen and (max-width: 992px) {
   .right-side .title-logo{
      margin-top: 40px;
   }
 }


.title-logo{
   color: rgb(237, 187, 6);
   text-shadow: 2px 3px rgba(0, 0, 0, 0.503);
 }