@import url('https://fonts.googleapis.com/css2?family=Trirong:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;400;600&display=swap');


.contact-page-container {
  width: 100%;
  padding: 6%;
  
}

.page-simple-title {
    width: 30%;
    height: auto;
    overflow:hidden;
    display:inline-block;
    vertical-align: top;
}

.page-simple-title .title {
    display:inline-block;
    margin-top: 30px;
    max-width: 70%;
    color: #1f4ac4;
    font-family: 'Trirong';
    font-weight:600;
    font-style:normal;
    font-size: 72px;
    margin-left: 6%;
    line-height: 1;
}

.cobald-contact-form{
  display: inline-block;
  min-width: 33%;
  margin-top: 70px;
  margin-left: 6%;
  margin-right: 6%;
  overflow: hidden;
}

.cobald-contact-info{
  
    display: inline-block;
    min-width 33%;
    vertical-align: top;
    font-family: 'Kanit';
    font-weight:200;
    font-style:normal;
    margin-top: 50px;
    padding-left: 6%;
}

.cobald-contact-info h4 {
  text-transform: uppercase; 
}

.contact-page-container-rectangle {
  margin: 6% 0px 0px 6%;
  height: 20px;
  width: 80px;
  background-color: #1f4ac4;
  position:relative;
  top: 0;
}

@media screen and (max-width: 1000px) {
  .page-simple-title {
    width: 85%!important;
  }
  .page-simple-title .title {
    font-size: 17vw!important;
  }
  
  .cobald-contact-form{
    width: 85%!important; 
    margin-top: 50px;
  }
  .cobald-contact-info{
    width: 85%!important;
    margin-top: 50px;
  }
}