/* Contacts ------------------------ */
.contacts{
	display: flex;
	justify-content: space-between;
	height: 600px;
	margin: 0px 300px;
	margin-top: 160px;
}
		/* Information (left Side) */
		.contacts_info{
			display: flex;
			flex-direction: column;
			gap: 20px;
		}
				.contacts_info_title{
					font-size: 20px;
					font-weight: 550;
				}
				.contacts_info_phone, .contacts_info_adress{
					text-decoration: none;
					color: rgba(93, 113, 221, 1);
					font-weight: 400;
					font-size: 18px;
				}
				.contacts_info_icons{
					display: flex;
					gap: 16px;
				}
		/* Contact Form (Right Side) */
		.contacts_form{
			box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
			border-radius: 20px;

			display: flex;
			flex-direction: column;
			gap: 20px;

			width: 450px;
			height: 380px;
			padding: 40px;
		}
				.contacts_form_title{
					font-size: 20px;
					font-weight: 550;
				}
/* end --------------------------- */

/*tablets, ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1024px){
	/* Contacts ------------------------ */
	.contacts{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 600px;
		margin: 0px 70px;
	}
}

/*smartphones mobiles (portrait)*/
@media (min-width: 320px) and (max-width: 480px){
	.contacts{
		flex-direction: column;
		align-items: center;
		gap: 60px;
		margin: 60px 0px;
	}
	.contacts_info{
		align-items: center;
	}
}