.h-max-latter {
  max-width: 400px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}


section#letter {
	padding:0;
}

.letter {
/*	padding: 0; 
    margin-bottom: 50px;*/
  }
  .letter_block {
   /* border-radius: 24px;
    background: #ffffff;
    box-shadow: 3px 3px 5px 5px rgba(0, 26, 102, 0.14);
    gap: 16px;*/
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
	justify-content: center;
    padding: 20px;
    flex-wrap: wrap;
  }
  
.letter_img {
    width: 160px;
  }
  .letter_img img {
    width: 100%;
    height: auto;
  }
  
.letter_title {
	font-size: 25px;
    margin: 0;
  }
.letter_subtitle {
    text-align: center;
    margin-top: 11px;
  }
  
.letter_block .letter_btn {
    margin-top: 2px;
    padding: 8px 20px;
	/*background: #0f2d83;*/
	background:#3094fa;
    letter-spacing: 0.15px;
    border-radius: 35px;
    color: white;
    display: inline-flex;
    justify-content: center;
    transition: all 0.5s ease;
	box-shadow: none;
	font-size:30px;
  }

.letter_block .letter_btn:hover {
    color: white;
	background: #0f2d83;
    opacity: 0.7;
  }

@media (max-width: 992px) {
    .letter_img {
      position: absolute;
      top: -56px;
      left: 0;
      right: 0;
      margin: auto;
      width: 142px;
    }
	
	.letter_block .letter_btn {
      width: 100%;
      max-width: 326px;
      padding: 16px;
     /* margin-top: 32px;*/
      font-size: 29px;
      /*font-weight: 600;*/
      line-height: 16px;
	  
    }
	
	
	.letter_block {
      border-radius: 12px;
     /* gap: 32px;*/
      align-items: center;
    }
    .letter {
      position: relative;
    }
	.letter_title {
	font-size: 22px;	
		
	}	

}

@media (max-width: 770px) {
    
	.letter_block .letter_title {
	font-size: 28px;	
		
	}
	
  } 


@media (max-width: 520px) {
	
	
	.letter_block .letter_btn {
      
      font-size: 25px;
     
    }
	
	
}