/** Homepage **/

/** Image placement **/

.block_caea5d9b0b8a42f287ae2324d6f265ed {
    margin-bottom: -60px;
}

/** Block Background **/
.block_a2f7a34618d847a1ae02736602c7082f .blockText {
    padding-top: 120px !important;
    padding-right: 50px;
    padding-bottom: 120px;
    padding-left: 50px;
    margin-top: 80px;
    margin-bottom: 80px;
    background-color: white;
}

.block_a2f7a34618d847a1ae02736602c7082f .blockImg {
    margin-left: -80px;
}

.block_e909f100779748b384f8b35fb72003ce .blockText {
    padding-top: 80px !important;
    padding-right: 100px;
    padding-bottom: 200px;
    padding-left: 50px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    margin-top: -180px;
    margin-bottom: 80px;
    background-color: #D49490;
}

.block_e909f100779748b384f8b35fb72003ce .blockImg {
    padding-right: 20px;
    padding-bottom: 100px;
    padding-left: 40px;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    margin-top: -250px;
    margin-bottom: 80px;
    background-color: #D49490;
}

.block_a8c620ae9c5c4ee79558333c017d0078 .blockText {
    background-color: #D49490;
    padding: 40px !important;
    margin-top: 40px;
}

.block_a8c620ae9c5c4ee79558333c017d0078 .scEditable--maxWidth .scEditable-selectionBounds {
    padding-top: 40px;
}

.block_c803e90cee434035b345cd9cd37a0e78 .blockText {
    border: 3px solid #D49490;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}


.block_c803e90cee434035b345cd9cd37a0e78 .blockImg {
    background-color: white;
    padding: 20px !important;
    border: 1px solid #D49490 !important;
}

.block_c803e90cee434035b345cd9cd37a0e78 .blockText {
    background-color: white;
}

.blockContainer .block_b88d414a60f44fc79955003038010ed5 {
    display: none;
}

.blockContainer .block_a99fabbd310e4b9eb4c8416d3d3b2c6e {
    display: none;
}


/** Hairstyles Embed Bottom **/

.block_f5d801f871494ce6a115f7078ec770f0 .contentTitle .scEditable--plainText {
    padding-top: 60px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #6D6D6D;
    border-top: 2px solid #ffffff;    
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    margin-right: 1px;
    margin-left: -1px;
}

.block_e411489d67804103b553ffcd911ab154 .contentTitle .scEditable--plainText {
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #6D6D6D;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    margin-bottom: -20px;
}

/** Two Column IG **/

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

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

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

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

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

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

/**Move Block Hairstyles Pg**/
.block_b75ed453d2984ed0b69798f0e489b758 .items_b75ed453d2984ed0b69798f0e489b758 {
    margin-top: -200px;
}

.block_d418ab09eba94d5a841b8b32e13ee638 {
    margin-top: -200px;
}

.listView .itemPreview.hasImg .itemContent {
    float: right;
    width: auto;
}

.blockWrap_d418ab09eba94d5a841b8b32e13ee638 .contentImg {
    margin-top: -100px;
    width: 520px;
}

/**Move Block My Mission Pg**/
.block_a013dbc5bade41fc8c6a469f4f1ae478 .items_a013dbc5bade41fc8c6a469f4f1ae478 {
    margin-top: -200px;
}

/** My Mission Form BG **/
.block_ae20d8c6df7d445181b81660a9e70351 .contentTitle .scEditable--plainText {
    padding-top: 60px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #6D6D6D;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    margin-top: -200px;
    margin-right: 1px;
    margin-left: -1px;
}

.block_b56d867c3ee345ee9ab9b83de5ad7785 .contentTitle .scEditable--plainText {
    padding-top: 30px;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
    background-color: #6D6D6D;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    margin-top: -92px;
    margin-bottom: -25px;
}

.block_d5fd52ca55294292ad1f06c85fe9b2a1 .blockInnerContent .scEditable--plainText {
    padding: 10px;
    background-color: #6D6D6D !important;
    border: 2px !important;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #FFFFFF;
    margin-top: -200px;
}

.blockContent .block_abd5ef4195944455b858dd1edc4a0c33 {
    background-color: #D49490;
    padding: 20px;
    border-color: white;
    border: 2px;
}

/** My Mission Page **/

.blockWrap_edeb2f893c854c7a9e7d33c3127b3fff .blockInnerContent {
    margin-top: -30px;
}

.items_a013dbc5bade41fc8c6a469f4f1ae478 .item .contentTitle {
    margin-top: -20px;
}

.items_a013dbc5bade41fc8c6a469f4f1ae478 .itemInnerContent, .items_a013dbc5bade41fc8c6a469f4f1ae478 .defItemInnerContent {
    margin-top: -50px;
}

.items_a013dbc5bade41fc8c6a469f4f1ae478 .itemInnerContent .button {
    margin-top: -75px;
}


/** Swoop Hair Videos Page **/

.items_e799111127884e4a8b3de9281d5f1b47 {
    margin-top: -200px;
}

.items_e799111127884e4a8b3de9281d5f1b47 .itemInnerContent, .items_e799111127884e4a8b3de9281d5f1b47 .defItemInnerContent {
    margin-top: -100px;
}

.items_e799111127884e4a8b3de9281d5f1b47 .itemInnerContent, .items_e799111127884e4a8b3de9281d5f1b47 .defItemInnerContent {
    margin-top: -50px;
}

/** Video Block 1 **/

.block_fbb15a5ec44747e1985b5b25b5d393fb .blockText {
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
    background-color: #D49490;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    margin-top: -200px;
}

.block_fbb15a5ec44747e1985b5b25b5d393fb .blockImg {
    padding: 40px;
    background-color: #D49490;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
}

.block_aa49ba9c1a57413aa02221d2162cf1bc .galleryWrapper {
    padding: 40px;
    background-color: #D49490;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

/** Video Block 2 **/

.block_ef235670310e478fba333f514184f753 .blockText {
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
    background-color: #6D6D6D;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
}

.block_ef235670310e478fba333f514184f753 .blockImg {
    padding: 40px;
    background-color: #6D6D6D;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
}

.block_cbb39b4a67b64da8b3cdbc5709aa8b63 .galleryWrapper {
    padding: 40px;
    background-color: #6D6D6D;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
}



    
/** Bottom Form Headers Video Page **/

.block_b75e2d4cb9fd4bafb15f88a12673acf2 .contentTitle .scEditable--plainText {
    padding-top: 60px;
    padding-right: 11px;
    padding-left: 11px;
    background-color: #6D6D6D;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    margin-top: -200px;
    margin-right: 1px;
    margin-left: -1px;
}

.block_c900addf120948fea72173384e03c164 .contentTitle .scEditable--plainText {
    padding-top: 30px;
    padding-right: 11px;
    padding-bottom: 40px;
    padding-left: 11px;
    background-color: #6D6D6D;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    margin-top: -90px;
    margin-bottom: -25px;
}



/** Careers Page **/

.items_f3046ccbadcb457f807223c995d2b701 {
    margin-top: -200px;
}

.items_f3dcff1f49204389a333b30c1dc0fec4 {
    margin-top: -200px;
}

.blockWrap_f3dcff1f49204389a333b30c1dc0fec4 .contentImg {
    margin-top: -100px;
    width: 520px;
}




/** 2 Column **/

@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: #000;
    text-align: left;
}

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

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

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


/** Natural Hair Education Birmingham **/

.block_d64566fb1c214b329dfef263ff6c6a71 {
    margin-top: -200px;
}

.items_b428b442580f4a4c9109dc7f8cdfda05 {
    margin-top:-200px;
}

.block_b428b442580f4a4c9109dc7f8cdfda05 .contentImg {
    width: 520px;
    margin-top: -100px;
}

/** Bottom Form Headers Natural Hair Education Page **/

.block_b092c057b8314a37b5bd041fa616ee20 .contentTitle .scEditable--plainText {
    padding-top: 60px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #6D6D6D;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    margin-top: -200px;
    margin-bottom: -20px;
}

.block_c368a482ac5d422f856368f6b406c362 .contentTitle .scEditable--plainText {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #6D6D6D;
    border-right: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    margin-top: -90px;
    margin-bottom: -20px;
}

/** Basics **/

.company-h3 {
    font-size: 30px;
}

.company-h1 {
    font-size: 40px;
    font-weight: bolder;
}


/** MOBILE STYLES PAST HERE **/

/** Homepage Mobile **/

@media only screen and (max-width: 768px) {
    div.blockWrap_a0a0f2486ede46789947e6907b8e8bff {
        background-image: url(https://static.mywebsites360.com/d95b82d22f134c538ee613cc033630a5/i/b038a1f83b28403ea747e5faf823e086/1/GCuCv726gZycFxatRCb7iU/mobilebg-5cfff727d1434%20d.jpg);
    }
}

@media only screen and (max-width: 768px) {
    .block_a0a0f2486ede46789947e6907b8e8bff .scEditable--plainText {
        font-size: 50px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_a0a0f2486ede46789947e6907b8e8bff .scEditable--richText {
        font-size: 18px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    #navTopLevel .button .navButton {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .block_a8c620ae9c5c4ee79558333c017d0078 .contentTitle {
        font-size: 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_a8c620ae9c5c4ee79558333c017d0078 .scEditable--richText {
        font-size: 18px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_e93a8f8b9c6b4f44a10646169db602bc .scEditable--plainText {
        font-size: 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_e93a8f8b9c6b4f44a10646169db602bc .scEditable--richText {
        font-size: 18px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_c803e90cee434035b345cd9cd37a0e78 .scEditable--plainText {
        font-size: 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_c803e90cee434035b345cd9cd37a0e78 .scEditable--richText {
        font-size: 18px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_caea5d9b0b8a42f287ae2324d6f265ed{
        margin-top: -60px;
    }
}

@media only screen and (max-width: 768px) {
    .block_caea5d9b0b8a42f287ae2324d6f265ed .contentImg {
        margin-top: 20px;
    }
}

/* Flip 50-50 Stacking Order in Mobile */

@media only screen and (max-width: 768px) {
    .block_a8c620ae9c5c4ee79558333c017d0078 {
        display: flex;
        flex-flow: wrap-reverse;
    }
}

/** Hairstyles Mobile **/

/* Custom Mobile Background Image */

@media only screen and (max-width: 768px) {
    div.blockWrap_a70a7d4ae19a48acaf0c063e20a767c3 {
        background-image: url(https://static.mywebsites360.com/d95b82d22f134c538ee613cc033630a5/i/ed36d6468197401c9a62012ae17ff3df/1/GCuCv726gZycFxatRCb7iU/Pink%20Mobile%20BG.jpg);
    }
}


/* Custome Font Sizes */

@media only screen and (max-width: 768px) {
    .block_a70a7d4ae19a48acaf0c063e20a767c3 .scEditable--plainText {
        font-size: 40px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_a70a7d4ae19a48acaf0c063e20a767c3 .scEditable--richText {
        font-size: 18px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_b75ed453d2984ed0b69798f0e489b758 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_b75ed453d2984ed0b69798f0e489b758 .scEditable--richText {
        font-size: 18px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_d418ab09eba94d5a841b8b32e13ee638 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_d418ab09eba94d5a841b8b32e13ee638 .scEditable--richText {
        font-size: 18px;
        text-align: left;
    }
}

/* Flip 50-50 Stacking Order in Mobile */

@media only screen and (max-width: 768px) {
    .block_a2f7a34618d847a1ae02736602c7082f {
        padding: 20px !important;
        display: flex;
        flex-flow: wrap-reverse;
    }
}

@media only screen and (max-width: 768px) {
    .block_a2f7a34618d847a1ae02736602c7082f .scEditable--plainText {
        font-size: 30px;
        text-align: left;
    }
}

@media only screen and (max-width: 768px) {
    .block_a2f7a34618d847a1ae02736602c7082f .scEditable--richText {
        font-size: 18px;
        text-align: left;
    }
}

@media only screen and (max-width: 768px) {
    .block_f4b258ca867246d89662800e0772da0f .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_b5d5c26bd22743238be0010741c27cc5 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_df2d2e2ed94c45b799680d0efe5eed2e .scEditable--richText {
        font-size: 18px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .blockContainer .block_b88d414a60f44fc79955003038010ed5 {
        display: block;
        width: 400px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_e52db66b8d1b4dfcb4c82be4eb002ac6 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_e52db66b8d1b4dfcb4c82be4eb002ac6 .scEditable--richText {
        font-size: 18px;
        text-align: left;
    }
}

@media only screen and (max-width: 768px) {
    .block_f82b4db8f26541b3831c128214189717 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .blockContainer .block_a99fabbd310e4b9eb4c8416d3d3b2c6e {
        display: block;;
        text-align: center;
        width: 400px;
        margin-top: -20px;
        margin-bottom: -40px;
    }
}

@media only screen and (max-width: 768px) {
    .block_a0b2c3a105d94b958b168feb10fe62a3 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_cdc27be4b3244c17b5e9d308794b30ab .scEditable--richText {
        font-size: 18px;
        text-align: left;
    }
}

@media only screen and (max-width: 768px) {
    .block_ca4e1f77d9b54d708a4a088cc453487d .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

/* Custom Mobile Background Image */

@media only screen and (max-width: 768px) {
    div.blockWrap_a0d45d5e6cf24ee1a234314c9fd7c6ee {
        background-image: url(https://static.mywebsites360.com/f6c50df96cdc4b3883c2270871581828/i/e1436fc66c8f45bcad7c8b605389c27a/1/GCuCv726gZycFxatRCb7iU/Mobile%20Attorneys%20Hero.jpg);
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    div.blockWrap_f85e8788e13940de848ca33fa898ab87 {
        background-image: url(https://static.mywebsites360.com/f6c50df96cdc4b3883c2270871581828/i/e1436fc66c8f45bcad7c8b605389c27a/1/GCuCv726gZycFxatRCb7iU/Mobile%20Attorneys%20Hero.jpg);
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .block_bae7e4dab7824fa5babf700ddd4e4c43 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_d2223a7188ea433c8b4d497145c6e839 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_b3f0e989844f4d62b1be341149a424c3 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_b102a26311ef4781a87307cc8e25d38a .scEditable--richText {
        font-size: 18px;
        text-align: left;
    }
}

/** Testimonials Page Mobile **/

@media only screen and (max-width: 768px) {
    div.blockWrap_fd0bbdad7eaa409889da962cb239ae68 {
        background-image: url(https://static.mywebsites360.com/d95b82d22f134c538ee613cc033630a5/i/ed36d6468197401c9a62012ae17ff3df/1/GCuCv726gZycFxatRCb7iU/Pink%20Mobile%20BG.jpg);
    }
}

@media only screen and (max-width: 768px) {
    .block_fd0bbdad7eaa409889da962cb239ae68 .scEditable--plainText {
        font-size: 40px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_fd0bbdad7eaa409889da962cb239ae68 .scEditable--richText {
        font-size: 18px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    div.blockWrap_dd6e404506af4c6ebd12f7d53aeb32bd {
          background-image: url(https://static.mywebsites360.com/d95b82d22f134c538ee613cc033630a5/i/d66f7a35866d4a998c2d61e3a3dbf872/1/GCuCv726gZycFxatRCb7iU/Gray%20BG.jpg);
    }
}  


@media only screen and (max-width: 768px) {
    div.blockWrap_ca80f03d3ed54d54be34ebb4923e70cc {
          background-image: url(https://static.mywebsites360.com/d95b82d22f134c538ee613cc033630a5/i/d66f7a35866d4a998c2d61e3a3dbf872/1/GCuCv726gZycFxatRCb7iU/Gray%20BG.jpg);
    }
}



/** Swoope Hair Videos **/

@media only screen and (max-width: 768px) {
    div.blockWrap_b0b93a00d5ed43f2aa9501fefe55aa79 {
          background-image: url(https://static.mywebsites360.com/d95b82d22f134c538ee613cc033630a5/i/ed36d6468197401c9a62012ae17ff3df/1/GCuCv726gZycFxatRCb7iU/Pink%20Mobile%20BG.jpg);
    }
}

@media only screen and (max-width: 768px) {
    .block_b0b93a00d5ed43f2aa9501fefe55aa79 .scEditable--plainText {
        font-size: 38px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_e799111127884e4a8b3de9281d5f1b47 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_e799111127884e4a8b3de9281d5f1b47 .scEditable--richText {
        font-size: 18px;
        text-align: center;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .block_fbb15a5ec44747e1985b5b25b5d393fb .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_fbb15a5ec44747e1985b5b25b5d393fb .scEditable--richText {
        font-size: 18px;
        text-align: center;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 768px) {
    div.blockWrap_fbb15a5ec44747e1985b5b25b5d393fb {
        margin-bottom: -33px;
    }
}

@media only screen and (max-width: 768px) {
    .block_ef235670310e478fba333f514184f753 .scEditable--plainText {
        font-size: 30px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .block_ef235670310e478fba333f514184f753 .scEditable--richText {
        font-size: 18px;
        text-align: center;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 768px) {
    div.blockWrap_ef235670310e478fba333f514184f753 {
        margin-bottom: -33px;
    }
}

@media only screen and (max-width: 768px) {
    .items_f21e6f0a29ae4b1bbfe733472613aace .contentImg {
        max-width: 270px !important;
    }
}



/** Natural Hair Care Education Birmingham Pg Mobile DRAFT**/

@media only screen and (max-width: 768px) {
    .block_b428b442580f4a4c9109dc7f8cdfda05 .contentImg {
        max-width: 270px !important;
    }
}

/*Popup CSS*/
.mad-popup-wrap {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 76%);
    z-index: 9999;
}

.mad-popup-wrap.show{
  display:block;
}

.mad-popup-content img {
    max-width: 100%;
    width: 100%;
}

.mad-popup-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    min-width: 500px;
    text-align: center;
}

.mad-popup-wrap .close {
    position: absolute;
    top: 5px;
    right: 5px;
    min-width: 30px;
    cursor: pointer;
}

.mad-popup-text {
    padding: 15px;
}

.mad-popup-wrap p.popup-header {
    margin: 0;
    font-size: 30px;
    text-align: center;
}

.mad-popup-wrap p.popup-subheader {
    margin: 0;
    font-size: 25px;
    text-align: center;
}

@media screen and (max-width: 550px){
  .mad-popup-box {
        min-width: 90%;
        top: 12rem;
        transform: translate(-50%);
    }
}

/*uncomment to change color of the popup text*/
/*p.popup-header, p.popup-subheader {*/
/*    color: black;*/
/*}*/

/*uncomment to change close button to white*/
/*.close svg {*/
/*    filter: invert(1);*/
/*}*/