@media (min-width:768px) and (max-width:1024px) {
  *#dm .dmInner *.layout-drawer-hamburger { display:none !important; }
}
@media all {
  *#dm .dmInner nav.u_1902181711.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-family:Montserrat !important; }

  *#dm .dmInner nav.u_1902181711.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item {
    font-family:Montserrat !important;
    font-weight:bold !important;
  }

  *#dm .dmInner div.u_1386760178 {
    background-color:var(--color_7) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1193597576 {
    background-color:var(--color_7) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_2275002572 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1116162381 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner nav.u_1071699889 { color:white !important; }

  *#dm .dmInner nav.u_1935728742 { color:white !important; }

  *#dm .dmInner nav.u_1172969768 { color:white !important; }

  *#dm .dmInner nav.u_1483992720 { color:white !important; }

  *#dm .dmInner nav.u_1945903278 { color:white !important; }

  *#dm .dmInner nav.u_1139741563 { color:white !important; }

  *#dm .dmInner nav.u_1145314545 { color:white !important; }

  *#dm .dmInner nav.u_1922977113 { color:white !important; }

  *#dm .dmInner nav.u_1341078216 { color:white !important; }

  *#dm .dmInner nav.u_1053827313 { color:white !important; }

  *#dm .dmInner nav.u_1755844403 { color:white !important; }

  *#dm .dmInner nav.u_1501468161 { color:white !important; }

  *#dm .dmInner nav.u_1642457601 { color:white !important; }

  *#dm .dmInner nav.u_1748702175 { color:white !important; }

  *#dm .dmInner nav.u_1695344996 { color:white !important; }

  *#dm .dmInner nav.u_1411691268 { color:white !important; }

  *#dm .dmInner nav.u_1391757304 { color:white !important; }

  *#dm .dmInner nav.u_1841502660 { color:white !important; }

  *#dm .dmInner nav.u_1362478993 { color:black !important; }

  *#dm .dmInner nav.u_1998592992 { color:black !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header[data-overlapping] {
    background-color: rgba(0, 0, 0, 0);
    background-image: initial;
}
#flex-header {
    --overlapping-background-color: var(--color_3);
    --overlapping-background-image: initial;
}
}



@media all {
    
#\36 26f1d66 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 44.5%;
    min-width: 4%;
    order: 1;
    padding: 16px 16px 16px 16px;
    margin: 20px 0% 20px 0%;
}
    
#da0de12f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 44.5%;
    min-width: 4%;
    order: 0;
    padding: 16px 16px 16px 16px;
    margin: 10px 0% 10px 0%;
}
    
#\36 641ab8d {
    min-height: 907px;
    column-gap: 11%;
    row-gap: 66px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#ad7d4d66 {
    background-image: url(https://lirp.cdn-website.com/469c4c6b/dms3rep/multi/opt/stjudechurchboca-1920w.png);
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 641ab8d {
    min-height: 531px;
    padding: 0px 2% 0px 2%;
}
    
#c7b1f43a {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\36 26f1d66 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#da0de12f {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\36 641ab8d {
    min-height: unset;
    flex-direction: column;
    padding: 0px 4% 0px 4%;
}
    
#c7b1f43a {
    margin: 60% 0% 0% 0%;
}
}



@media all {
    
#d4c58aab {
    margin-top: 3%;
    margin-bottom: 3%;
}
    
#\34 a924240 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    background-color: var(--color_6);
    background-image: initial;
    order: 1;
    flex-wrap: nowrap;
    padding-left: 0%;
    padding-top: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-top: 0%;
}
    
#\33 3a677a5.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0px;
    padding-right: 20px;
}
#\33 3a677a5 {
    width: 93.89%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin: 0px 8% 0px 6%;
}
    
#\37 5b01ffc.flex-element.widget-wrapper > [data-element-type] {
    padding: 10px 0px 10px 0px;
}
#\37 5b01ffc {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 6% 0px 6%;
}
    
#ed2765f7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    order: 0;
    background-color: var(--color_7);
    background-image: url(https://lirp.cdn-website.com/469c4c6b/dms3rep/multi/opt/stainglassjesus-1920w.jpg);
    align-items: center;
    flex-wrap: nowrap;
    padding-left: 0%;
    padding-top: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-top: 0%;
}
    
#\32 d89a189 {
    min-height: 726px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding-left: 0%;
    padding-top: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-top: 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 d89a189 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0% 30px 0%;
}
    
#\37 5b01ffc.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 0px;
    padding-bottom: 0px;
}
#\37 5b01ffc {
    margin-left: 0%;
    margin-right: 0%;
}
    
#\33 3a677a5.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 10px;
    padding-bottom: 10px;
}
#\33 3a677a5 {
    margin-left: 0%;
    margin-right: 0%;
}
    
#ed2765f7 {
    width: 100%;
    min-height: 80px;
    order: 1;
}
    
#\34 a924240 {
    width: 100%;
    min-height: 80px;
    order: 0;
    align-items: center;
}
    
#d4c58aab {
    margin: 0% 0% 0% 0%;
}
}



@media (max-width: 767px) {
    
#\34 a924240 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
}
    
#ed2765f7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
}
    
#\32 d89a189 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0% 0px 0%;
}
    
#d4c58aab {
    margin: 0% 0% 0% 0%;
}
    
#\37 5b01ffc.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 20px;
    padding-right: 20px;
}
#\37 5b01ffc {
    margin-left: 0%;
    margin-right: 0%;
}
    
#\33 3a677a5 {
    margin-bottom: 20px;
    margin-top: 20px;
}
}



@media all {
    
#c1b31655 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 25%;
    min-width: 4%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    border-style: solid;
    border-color: #000000 var(--color_2) #000000 #000000;
    border-width: 0 1px 0 0;
    order: 2;
    padding: 2% 1.9969512195121952% 2% 1.9969512195121952%;
    margin: 0% 0% 0% 0%;
}
    
#d9c8e3c9 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    order: 1;
    align-self: center;
}
    
#\30 e010103 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 25%;
    min-width: 4%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    border-style: solid;
    border-color: #000000 var(--color_2) #000000 #000000;
    border-width: 0 1px 0 0;
    order: 0;
    padding: 2% 2% 2% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\30 2cce392 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    order: 1;
    align-self: center;
}
    
#c92cc08f {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    align-self: center;
}
    
#\39 78055c8 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#\35 0d42700 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#\37 eca6111 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 25%;
    min-width: 4%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    border-style: solid;
    border-color: #000000 var(--color_2) #000000 #000000;
    border-width: 0 0px 0 0;
    order: 1;
    padding: 2% 2% 2% 2%;
    margin: 0% 0% 0% 0%;
}
    
#e43dad56 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 25%;
    min-width: 4%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    border-style: solid;
    border-color: #000000 var(--color_2) #000000 #000000;
    border-width: 0 1px 0 0;
    order: 3;
    padding: 2% 2% 2% 2%;
    margin: 0% 0% 0% 0%;
}
    
#b7471a19 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    order: 1;
    align-self: center;
}
    
#\38 be4acbd {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#\32 0ce823a {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    align-self: center;
}
    
#af3d5e5f {
    background-color: var(--color_3);
    background-image: initial;
}
    
#ea88eeed {
    min-height: 148px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 1% 4% 1% 4%;
    margin: 0% 0% 0% 0%;
}
    
#widget_h0j {
    width: 60px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: center;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#ee8647ff {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: center;
}
    
#b57be8d9 {
    width: 60px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: center;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#aaf1f673 {
    width: 60px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: center;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#a61a0704 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#\38 d049408 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#cabd94dd {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#b35d5d52 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#c1b31655 {
    width: 50%;
    min-height: 80px;
    flex: 1 1 auto;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#\37 eca6111 {
    width: 50%;
    min-height: 80px;
    flex: 1 1 auto;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#e43dad56 {
    width: 50%;
    min-height: 80px;
    flex: 1 1 auto;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#\30 e010103 {
    width: 50%;
    min-height: 80px;
    flex: 1 1 auto;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#ea88eeed {
    padding-left: 0%;
    padding-right: 0%;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 0%;
    min-height: 240px;
    row-gap: 20px;
}
}



@media (max-width: 767px) {
    
#c1b31655 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    padding: 4% 8% 4% 8%;
    margin: 0% 0% 0% 0%;
}
    
#\37 eca6111 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    padding: 4% 8% 4% 8%;
    margin: 0% 0% 0% 0%;
}
    
#e43dad56 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    padding: 4% 8% 4% 8%;
    margin: 0% 0% 0% 0%;
}
    
#\30 e010103 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    padding: 4% 8% 4% 8%;
    margin: 0% 0% 0% 0%;
}
    
#ea88eeed {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
    column-gap: 0%;
    padding: 8% 0% 8% 0%;
}
    
#\39 78055c8 {
    width: 99.58%;
}
}