.ContactHeader {
width:100%;
height:120px;
position:absolute;
margin-top:100px;
border-top:1px solid whitesmoke;
border-bottom:1px solid whitesmoke;
//text-align:center;
}
#ContactTitle {
margin-left:21%;
}
#ContactHome {
margin-left:21%;
}
.NavText {
font-size:12px;
}
.ContactContent {
width:80%;
height:800px;
margin-left:10%;
margin-right:10%;
margin-top:300px;
position:absolute;
}
.ContentPart1 {
display:flex;
}
.CtDivPart1 {
width:30%;
height:250px;
margin-left:3%;
text-align:center;
background-color:lightblue;
}
.ContentPart2 {
display:flex;
margin-top : 100px;
}
.CtDivPart2 {
width:45%;
height:350px;
margin-left:4%;
text-align:center;
background-color:lightblue;
}
.ContentPart3 {
display:flex;
margin-top : 100px;
}
.CtDivPart3 {
width:30%;
height:250px;
margin-left:3%;
text-align:center;
background-color:lightblue;
}
.ContactIcon {
width:80px;
height:80px;
margin-top:30px;
}

@media (max-width: 1200px) {
.footer {
margin-top:850px;
}
.ContactContent{
width:94%;
margin-left:3%;
margin-right:3%
}

}

@media (max-width: 768px) {
.ContactContent{
width:70%;
margin-left:15%;
margin-right:15%
}
.ContactHeader {
text-align:center;
}
#ContactTitle {
margin-left:0px;
}
#ContactHome {
  margin-left: 0px;
}
.ContentPart1 {
  display: block;
}
.ContentPart2 {
  display: block;
  margin-top: 100px;
}
.ContentPart3 {
  display: block;
  margin-top: 100px;
}
.CtDivPart1 {
width:100%;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
.CtDivPart2 {
width:100%;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
.CtDivPart3 {
width:100%;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
.footer {
margin-top:2250px;
}
}