body {
    font-family: Helvetica, sans-serif;
    margin: auto;
}

.header {
    position: relative;
    padding: 20px;
    height: 40px;
    background-color: #6DAEC2;
    color: white;
}


.title {
    float: left;
    position: relative;
    font-size: 35px;
     font-weight: bold;
}

.contact {
    float: right;
    position: relative;
      font-size: 10px;
}

.container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    clear: both;
    padding: 85px 125px
}

.box {
    height: 350px;
    background-color: goldenrod;
    display: flex;


}

h1 {
    font-size: 25px;
}


.text1 {
    color: #6DAEC2;
    width: 100%;
    padding: 5px;
    font-size: 14px;
     line-height: 1.3;
}

.text1:hover {
    color: white;
}

.text2 {
    color: #3F6570;
    width: 100%;
    padding: 5px;
    font-size: 14px;
    line-height: 1.3;
}

.text2:hover {
    color: white;
}

.text3 {
    color: #78C0D6;
    width: 100%;
    padding: 5px;
    font-size: 14px;
    line-height: 1.3;
}

.text3:hover {
    color: white;
}

.text4 {
    color: #4B8F9C;
    width: 100%;
    padding: 5px;
    font-size: 14px;
    line-height: 1.3;
}

.text4:hover {
    color: white;
}

.text5 {
    color: #6DAEC2;
    width: 100%;
    padding: 5px;
    font-size: 14px;
    line-height: 1.3;
}

.text5:hover {
    color: white;
}

.text6 {
    color: #519BA8;
    width: 100%;
    padding: 5px;
    font-size: 14px;
    line-height: 1.3;
}

.text6:hover {
    color: white;
}

#box1 {
    background-color: #6DAEC2;


}

#box2 {
    background-color: #3F6570;
}

#box3 {
    background-color: #78C0D6;
}

#box4 {
    background-color: #4B8F9C;
}

#box5 {
    background-color: #6DAEC2;
}

#box6 {
    background-color: #519BA8;
}