.element3cols:first-of-type {
    background-color:#2197F4;
    color:#ffffff;
    padding:50px 20px 40px 30px;
    border-radius:10px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.13);
margin-top:-300px;
position:relative;
z-index:10000000;
}

.element3cols:first-of-type p, .element3cols:first-of-type p strong, .element3cols:first-of-type p strong a { 
    color:#ffffff;
}

.element3cols:first-of-type .col1 a:hover, .element3cols:first-of-type .col2 a:hover, .element3cols:first-of-type .col3 a:hover,  { 
   color:#2167Fd2;
}



.child-div {
width: 99.5vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding:20px;
  background-color: #535fcf;

}


@media only screen and (max-width: 1600px) {
  .child-div {
     width: 99.3vw;
}
}

@media only screen and (max-width: 1142px) {
  .child-div {
     width: 99.1vw;
}
}

@media only screen and (max-width: 888px) {
  .child-div {
     width: 99vw;
}
}

@media only screen and (max-width: 800px) {
  .child-div {
     width: 98.8vw;
}
}

@media only screen and (max-width: 667px) {
  .child-div {
     width: 98.6vw;
}
}

@media only screen and (max-width: 571px) {
  .child-div {
     width: 98.4vw;
}
}

@media only screen and (max-width: 500px) {
  .child-div {
     width: 98.2vw;
}
}

@media only screen and (max-width: 444px) {
  .child-div {
     width: 98vw;
}
}

@media only screen and (max-width: 400px) {
  .child-div {
     width: 97.5vw;
}
}

@media only screen and (max-width: 333px) {
  .child-div {
     width: 97vw;
}
}

@media only screen and (max-width: 266px) {
  .child-div {
     width: 96.5vw;
}
}

@media only screen and (max-width: 238px) {
  .child-div {
     width: 95vw;
}
}