CSS

/* Create two unequal columns that float next to each other */
.columnX {
  float: left;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

.left {
  width: 25%;
}

.right {
  width: 75%;
}

.g-recaptcha div {
    margin: 0 auto !important;
}

/*contact form styles*/
.contact-form {
    text-align: center;
    color: white;
}

.contact-form label, .contact-form textarea, .contact-form input, .contact-form select {
    display: block;
    margin: 0 auto;
    width: 50%;
}

.carousel, carousel-viewport {
    text-align: center;
}

@media screen and (max-width: 767px){
    .contact-form label, .contact-form textarea, .contact-form input {
	    width: 90%;
    }
    html.page_e00b3f7930bf44a9af4a89931b583d51 {
        background-image: url("https://static.mywebsites360.com/b1f9754b829949bd86daf727caad205f/i/efae834046f04cdab4ba24b7ff5c8ae5/1/GCuCv726gZycFxatRCb7iU/bg_bottom-mobile.jpg");
        background-attachment: scroll !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
}

.contact-form label {
    color: white;
}

/*support form styles*/
.support-form {
    text-align: center;
    color: black;
}

.support-form label, .support-form textarea, .support-form input, .support-form select {
    display: block;
    margin: 0 auto;
    width: 50%;
}

@media screen and (max-width: 768px){
	.support-form label, .support-form textarea, .support-form input {
		width: 90%;
	}
}

.support-form label {
    color: black;
}

/* Image Top Padding For Logo Image in Hero Section*/
    /* Engagement*/
.blockWrap_cc911963b19a4b8eb45f850d999252c6.fsMed.txa0.bmg0.lstSyNrmlzd.bw0.sy0 > div > div.blockImg > img,
    /* Healthcare*/
.blockWrap_a8975528b697481389a5bd769ccd027b.fsMed.txa0.bmg0.lstSyNrmlzd.bw0.sy0 > div > div.blockImg > img{
    margin-bottom: -300px;   
}

@media screen and (max-width: 768px) {
        /* Engagement*/
.blockWrap_cc911963b19a4b8eb45f850d999252c6.fsMed.txa0.bmg0.lstSyNrmlzd.bw0.sy0 > div > div.blockImg > img,
    /* Healthcare*/
.blockWrap_a8975528b697481389a5bd769ccd027b.fsMed.txa0.bmg0.lstSyNrmlzd.bw0.sy0 > div > div.blockImg > img{
    margin-bottom: -650px;   
}
}

/*------------------ Hero Form Styles ------------------------------*/
@media only screen and (min-width: 768px) {
    #madFormContainer,
    #madHeroContent {
        width: 50%;
        float: left;
    }

    div#madHero {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }
}

.madTitle {
    font-size: 30px; 
    color: #ffffff;
    text-align: left;
}

.madContent {
    font-size: 18px; 
    color: #ffffff;
    text-align: left;
}

.madButton {
    color: fff;
    background-color: #000;
    border-color: #000;
    padding: 10px 10px;
}

.madButton:hover {
    color: fff;
    background-color: #eee;
    border-color: #eee;
}

.homeImageWrap {
  display: flex;
  text-align: center;
}

.homeImageContainer1 {
  width: 30%;
  text-align:center;
  line-height:300px;
}

.homeImageContainer2 {
  width: 70%;
  text-align:center;
  line-height:300px;
}

.homeImage1{
  max-width: 300px;
  vertical-align:middle;
}

.homeImage2{
  max-width: 600px;
  vertical-align:middle;
}

@media (max-width: 767px) {
  .homeImageWrap {
    flex-direction: column-reverse;
  }
.homeImageContainer1 {
    width: auto;
    line-height: 200px;
}
.homeImageContainer2 {
    width: auto;
    line-height: 200px;
}
  .homeImage1 {
    width: auto;
    max-width: 50%;
    -webkit-order: 1;
    order: 1;
  }
  .homeImage2 {
    width: auto;
    max-width: 100%;
    -webkit-order: 1;
    order: 1;
  }
}