body, h1, h2, p, ul { margin: 0; padding: 0; } body { font-family: Arial, sans-serif;line-height: 1.6; background-color: #f4f4f4; color: #333; } header { background: #35424a; color: #ffffff; padding: 20px 0;text-align: center; } header h1 { margin-bottom: 10px; } nav ul { list-style: none; padding: 0; } nav ul li { display: inline;margin: 0 10px; } nav ul li a { color: #ffffff; text-decoration: none; } main { padding: 20px; background: #ffffff; margin: 20px auto; max-width: 800px; } section { margin-bottom: 20px; } footer { background: #35424a; color: #ffffff; text-align: center; padding: 10px 0; position: fixed; bottom: 0; width: 100%; } 



.call-outs-cuntainerform-row {
    padding: 10px 0;
    display: flex;
}

.form-row label {
    padding-right: 10px;
}

.form-row input {
    flex: 1;
}

.column-layout {
    max-width: 1300px;
    background-color: #FFFDD0;
    margin: 40px auto 0 auto;
    line-height: 1.65;
    padding: 20px 50px;
    display: flex;
}

.main-column {
    flex: 2;
    order: 2;
}

.sidebar-one {
    flex: 1;
    order: 1;
}

.sidebar-two {
    flex: 2;
    order: 3;
}

.form-row {
    padding: 10px 0;
    display: flex;
}


.call-outs-container{
    max-width: 1400px;
    margin: 40px auto 0 auto;
    display: flex; justify-content:space-between;
}

.call-out{
    padding: 20px; box-sizing: border-box;
    margin-bottom: 20px;
    flex-basis: 30%;
}

.call-out: nth-child (1){background-color:#9FE2BF;}
.call-out: nth-child (2){background-color:#D5B8FA;}
.call-out: nth-child (3){background-color:#FAB8DF;}




.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.one {
  grid-column: 1 / 3;
  grid-row: 1;
}
.two {
  grid-column: 2 / 4;
  grid-row: 1 / 3;
}
.three {
  grid-column: 1;
  grid-row: 2 / 5;
}
.four {
  grid-column: 3;
  grid-row: 3;
}
.five {
  grid-column: 2;
  grid-row: 4;
}
.six {
  grid-column: 3;
  grid-row: 4;
}