.pg-form {
	width: 100%;
}
.contact-form {
	margin-top: calc((100vw - 768px) * 27 / 1032 + 23px); /*50->23 @1800 -> 768*/
}
.contact-form form {
    display: flex; 
    flex-direction: column;
	 row-gap: calc((100vw - 768px) * 10 / 1032 + 8px); /* 18->8 @1800 -> 768*/
}
.contact-form * {
	color: #ffffff;	
}
.input-field {
	width: 100%;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.input-field.message {
    align-items: flex-start;
}
.contact-form .label {
	width: 20%;
} 
.contact-form input, .contact-form  textarea  {
    width: 80%;
    height: calc((100vw - 425px) * 20 / 2240 + 30px); /*50->30 @2560->320*/
	font-family: 'RobotoLight';
	font-size: calc((100vw - 768px) * 10 / 1032 + 9px); /* 19->9 @1800 -> 768*/
	line-height: calc((100vw - 768px) * 15 / 1032 + 12px); /* 27 -> 12 @1800 -> 768*/
    padding: 5px 10px;
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    outline: none;
}
.contact-form input:focus, .contact-form  textarea:focus  {
    background-color: rgba(0,184,228,0.15);
    border: 1px solid rgba(255,255,255,0.5);
}
/*overrides height*/
.contact-form  textarea  {
    min-height: 180px;
}
.contact-form  textarea  {
	resize: vertical;
}
.submit-btn {
    width: 100%;
    text-align: right;
}
.submit-btn input {
	width: 100px;
	margin: auto;
	margin-top: 15px;
	background-color: #ffffff;
	border: 0px;
	outline: 0px;
	border-radius: 0;
	font-family: 'RobotoBold';
	font-size: calc((100vw - 768px) * 10 / 1032 + 9px); /* 19->9 @1800 -> 768*/
	line-height: calc((100vw - 768px) * 15 / 1032 + 12px); /* 27 -> 12 @1800 -> 768*/
	color: #000f1f !important;
	text-align: center;
	padding: calc((100vw - 320px) * 3 / 2240 + 5px); /*8->5 @1800->320*/
	white-space: nowrap;
	cursor: pointer;
	text-shadow: none !important;
}
.submit-btn input:hover {
    background-color: rgba(255,255,255,0.8);
}
.submit-btn input:hover, .submit-btn input:focus, .submit-btn active {
	border: 0px;
	outline: 0px;
}
/* =========== ERRORS ===========*/

.alerts {
    font-family: RobotoLight;
    font-size: calc((100vw - 320px) * 6 / 2240 + 12px);
    margin-top: 10px;
}
.sent-ok {
	color: green;
	display: none;
}
.sent-error {
	color: red;
	display: none;
}


/* =========== RESPONSIVE ===========*/

@media only screen and (max-width: 768px) {
	.contact-form {
		margin-top: calc((100vw - 425px) * 6 / 343 + 24px); /* 30 -> 24 @768 -> 425*/
	}
	.contact-form form {
		display: flex; 
		flex-direction: column;
		 row-gap: calc((100vw - 425px) * 4 / 343 + 16px); /* 20 -> 16 @768 -> 425*/
	}
	.input-field {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		row-gap: 5px;
	}
	.contact-form .label {
		width: unset;
	} 
	.contact-form input, .contact-form  textarea  {
		width: 100%;
		height: 40px;
		font-size: calc((100vw - 425px) * 3 / 343 + 13px); /* 16 ->13 @768 -> 425*/
		line-height: calc((100vw - 425px) * 5 / 343 + 18px); /* 23 -> 18 @768 -> 425*/
		padding: 3px 5px;
	}
	.contact-form  textarea  {
		min-height: 100px;
	}
	.submit-btn input {
		width:  80px;
		font-size: calc((100vw - 425px) * 3 / 343 + 13px); /* 16 ->13 @768 -> 425*/
		line-height: calc((100vw - 425px) * 5 / 343 + 18px); /* 23 -> 18 @768 -> 425*/

	}
}