.container1 {
/*
  clip-path: polygon(
      0.5% 0%,       
      98% 0%,    
      100% 97%,   
      0% 100%     
  );*/

  min-height:50vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;

            background: 
                
                linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) ,
             
                url('../assets/skolenu_konkurss/dators.webp');
            
            background-size: auto 100%;
            background-position: 0% 0%;
            background-repeat: no-repeat;
            
           
            background-color: #fcee21;
  padding-bottom:50px;
  padding-left:40px;
  text-align: right;
  padding:40px;

  position:relative;
}




.container1 .info-box {
    max-width: 50%;
}

.container1 .info-box h1 {
  margin-top:0px;
  margin-bottom:40px;
}

.container1 .info-box h2 {
  margin:0px;
  font-weight: 600;
}

.container1 .info-box :last-child {
 margin-top:40px;
}

.container1 .info-box :first-child{
  margin-top:0px;
  margin-bottom:10px;
}





.container1 .contact-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}



.container1 .contact-info p {
  margin-bottom:0;
}


.container1 h5, .container1 .info-box p {
  color:#fff;

}

.container1 h5 {
 margin-bottom: 7px;
}

.container1 .info-box p {
  margin-top:0px;
}



.container1 .image-placeholder {
  display: none;
  width:100%;
}

.container1 .image-placeholder img {
  width:100%;
}


 @media (max-width: 1400px) { 

  h4 {
    font-size:2.3vw;
  }

 }

  @media (max-width: 1300px) { 
    h4 {
      font-size:3vw;
    }

  }

   @media (max-width: 950px) {

        h4 {
      font-size:2.8vw;
        }
    
    h2 {
      font-size:2.5vw;
    }


    h1 {
      margin-bottom:25px!important;
    }

    .container1 .info-box :last-child {
      margin-top:25px;
    }

    .container1 .info-box {
        max-width: 52%!important;
        
    }

    .container1 {
      min-width: 30vh;
    }
 
   }

    @media (max-width: 768px) {

      .container1 .info-box {
          max-width: 90%!important;
          margin:auto;  
          text-align: left;
      }

      h4 {
        font-size: 6.5vw;
      }
      h2 {
        font-size: 4vw;
      }

      h1 {
        font-size:8vw;
      }

    }