*{
	font-family: 'Manrope', sans-serif;
}

h3 {
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 800;
	color : rgb(49, 43, 141, 1.0);
}

.contact {
	text-align: center;
	justify-content: center;
	margin-bottom: 20%;
}

form {
	justify-content: center;
}

.ct_fr {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 70px;
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
}

.ct_ch_1 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.ct_ch_h {
	width: 48%;
}

#name{
	margin-right: 1%;
}

#message {
	height: 100px;
	text-align: top;
}



.ct_ch_b {
	width: 98%;
}

.ct_ch {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
	border-radius: 0px;
	box-shadow: none;
	border: solid;
	border-width: 1px;
	border-color: rgb(49, 43, 141, 1.0);
}

.ct_sb {
	width: 100%;
	margin-top: 30px;
	color: rgb(49, 43, 141, 1.0);
	border-radius: 0px;
	border-color: rgb(49, 43, 141, 1.0);
	background-color: white;
	box-shadow: none;
	height: 50px;
	font-size: 1.2em;
}

.ct_sb:hover{
	background-color: rgb(49, 43, 141, 1.0);
	color: white;
	cursor: pointer;
}


@media screen and (max-width: 1100px) {
    .ct_fr {
    	margin-left: 15%;
    	margin-right: 15%;
    	width: 70%;
    }
}


@media screen and (max-width: 550px) {
    h3 {
    	letter-spacing: .1rem;
    }

    .ct_fr {
    	margin-left: 5%;
    	margin-right: 5%;
    	width: 90%;
    }

    .ct_ch_h {
		width: 98%;
	}

	#name {
		margin-right: 0;
	}
}