.contact form {
    max-width:1600px;
    width: 700px;
    text-align: center;
}
.contact {
    width:1000px;
    display:flex;
    flex-direction:column;
    align-items : center;
    justify-content:center;
    margin-top:0;
}
form .input-box {
    display: flex;
    width:1000px;
    justify-content: space-between;
}
.input-box .input-field {
    width: 48.5%;
}
.field .item {
    width: 100%;
    padding: 18px;
    background: transparent;
    border: 2px solid cornflowerblue;
    outline: none;
    border-radius: 6px;
    font-size: 20px;
    color:white;
    margin: 12px 0;
}
.textarea-field.field {
	width: 100%;
}
.field .error-txt {
    font-size: 14px;
    color: orange;
    text-align: left;
    margin: -5px 0 10px;
}
.field .item:placeholder {
    color: grey;
}
form .textarea-field .item{
    resize: none;
}
form .textarea-field .error-txt {
    margin-top: -10px;
}
form button {
    padding: 12px 32px;
    background: transparent;
    border: none;
    outline: none;
    border-radius: 6px;
    box-shadow: 0 0 10px cornflowerblue;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 20px;
    transition: .5s;
    color:orange;
}
form button:hover {
    background:cornflowerblue;
    color :  white;
}

@media screen and (min-width:1600px) and (min-height:1000px){



}
@media screen and (min-width:1280px) and (max-width:1500px){


	}
@media screen and (min-width: 820px) and (max-width: 1024px) {
.contact {
    width:500px;
}
form .input-box {
    width:500px;
}
.input-box .input-field {
    width: 48%;
}
.field .item {
    width: 100%;
    font-size: 20px;
}
.textarea-field.field {
	width: 100%;
	}
.field .error-txt {
    font-size: 16px;
    color: orange;
}
}
@media screen and (min-width:760px) and (max-width:820px) {	
.contact {
    width:500px;
}
form .input-box {
    width:500px;
}
.input-box .input-field {
    width: 48%;
}
.field .item {
    width: 100%;
    font-size: 18px;
}
.textarea-field.field {
	width: 100%;
	}
.field .error-txt {
    font-size: 14px;
    color: orange;
}
}
@media screen and (min-width:410px) and (max-width:760px) {
.contact {
    width:250px;
}
form .input-box {
    width:250px;
}
.input-box .input-field {
    width: 48%;
}
.field .item {
    width: 100%;
    font-size: 12px;
}
.textarea-field.field {
	width: 100%;
	}
.field .error-txt {
    font-size: 10px;
    color: orange;
}
}
@media screen and (min-width:370px) and (max-width:410px) {
.contact {
    width:250px;
}
form .input-box {
    width:250px;
}
.input-box .input-field {
    width: 48%;
}
.field .item {
    width: 100%;
    font-size: 14px;
}
.textarea-field.field {
	width: 100%;
	}
.field .error-txt {
    font-size: 12px;
    color: orange;
}

}

@media screen and (max-width: 370px) {

.contact {
    width:250px;
}
form .input-box {
    width:250px;
}
.input-box .input-field {
    width: 48%;
}
.field .item {
    width: 100%;
    font-size: 12px;
}
.textarea-field.field {
	width: 100%;
	}
.field .error-txt {
    font-size: 10px;
    color: orange;
}

@media screen and (max-width:1600px) and (orientation:landscape) {

	}
@media screen and (max-width:1340px) and (orientation:landscape) {

}
@media screen and (max-width:1024px) and (orientation:landscape) {

}
@media screen and (max-width:926px) and (orientation:landscape) {
}
@media screen and (max-width:896px) and (orientation:landscape) {

}
@media screen and (max-width:844px) and (orientation:landscape) {

}
@media screen and (max-width:812px) and (orientation:landscape) {

}
@media screen and (max-width:780px) and (orientation:landscape) {

}
@media screen and (max-width:570px) and (orientation:landscape) {
		
	nav .mainMenu li a {
		font-size: 10px;
	}
	nav .openMenu  {
		font-size: 25px;
	}

	.header {
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
		height: 100%;	}

	.header img {
		margin: auto 0;
		width: 20vw;
	}
	.header .title-span {
		font-size: 6vw;
	}

	.header .stroke {
		font-size: 3vw;
	}

	.header .title h2 {
		font-size: 2.5vw;
	}

	.section-title {
		font-size: 4vw;
	}

	.section-title-square {
		width: 15vw;
		height: 15vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:35vw;
		height: 20vw;
		margin-top: 10vw;
	}

	.content3 .card1 .content h3,
	.content3 .card2 .content h3,
	.content3 .card3 .content h3,
	.content3 .card4 .content h3,
	.content3 .card5 .content h3,
	.content3 .card6 .content h3 {
		font-size: 3vw!important;
	}
	
	
	.content3 .card1 .content a,
	.content3 .card2 .content a,
	.content3 .card3 .content a,
	.content3 .card4 .content a,
	.content3 .card5 .content a,
	.content3 .card6 .content a {
		font-size: 2vw!important;
	
	}

	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.about {
		min-height: 100vh;
		margin-top: 50px;
	}
	.about .about-p {
		color: white;
		font-size: 15px;
		text-align: justify;
		margin: 5vw auto;
		padding-top: 5vw;
		width: 80vw;
	}
	.containerclient .client .nomclient .temoin h3 {
		font-size: 20px;
	}
	.containerclient .client .nomclient .temoin p {
		font-size: 15px;
	}
	.containerclient .client .nomclient .temoin h3 {
		font-size: 15px;
	}
	.containerclient .client .nomclient .temoin {
		text-align: left;
	}




	.footer-anim span {
		font-size: 4vw;
	}

	.footer .disclaimer li {
		font-size: 3vw;
	}

}