body {
  font-family: Arial, sans-serif;
  margin: 0px;
}

.header-contact {
  height: 40px;
  display: flex;
  background-color: #CCDBDC;
  color: #404040;
  font-size: 14px;
  justify-content: space-between;
  width: 100%;
}

.header-contact:before { display:block; }
.header-contact:after { display:block; }

.contact {
  display: flex;
  height: 100%;
  padding-left: 10px;
  align-items: center;  
  width: 1200px;
  margin: 0px auto;
}

.header-logo-menu {
  height: 100px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  margin: 0px auto;
}

a 
{
  text-decoration: none;
  color: #000000;
}

a:active {
  color: #000000;
}

.header-menu a {
  margin-right: 20px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

.header-logo-menu:before {display: block;}
.header-logo-menu:after  {display: block;}

.main-intro {
  height: auto;
  background: linear-gradient(to right, #012A4A, #A9D6E5);   /*#5D6D7EFF*/
  display: flex;  
  justify-content: space-between;
}

.main-intro-content {
  width: 1200px;
  margin: 40px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-intro-text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.main-intro-text-header {
  font-size: 32px;
  color: #61A5C2;
}

.main-intro-text-header > p {
  margin-block-start: 6px;
  margin-block-end: 6px;
}

.main-intro-text-copy {
  margin-right: 20px;
  margin-top: -30px;
  font-size: 22px;
  color: white;
  font-weight: bold;
}

.main-intro-cta {
  padding-top: 0px;  
}

.main-intro-cta > a {
  padding: 18px 50px;
  font-size: 16px;
  background-color: #61A5C2;
  color: #012A4A;
  font-weight: bold;
  border: 4px solid #61A5C2;
}

.main-intro-cta > a:hover {
  color: #61A5C2;
  background-color: #012A4A;
}

.main-intro-content:before {display:block;}
.main-intro-content:after {display:block;}

.main-intro-image > img {
  border: 4px solid white;
}