/* + AMDG JMJ + */
/*
Theme Name: www.sidneytableofgrace.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/
/*
font-family: 'Questrial', sans-serif;
font-family: mandrel-condensed, sans-serif;
font-family: brandon-grotesque, sans-serif;
*/
/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a{color: rgb(145, 99, 0) 100%) !important}
u{color: grey !important;}
.captionone {height:auto !important}
.captiontwo {height:auto !important}
.offset-md-2.col-md-2 {z-index: 99999;}
div.row div.col-md-4 {z-index: 99999;}
td{background: transparent !important}
div.col-md-2.col-sm-12.col-12 { display: flex;flex-direction: row;}
div.col-md-2.col-sm-12.col-12 a {margin-right: 40px;}
#logoID{width: 100% !important;}
:root {
    --neutral1: #F2F2F2;
    --secondary1: #E9E9E9;
    --primary: #916300;
    --secondary2: #505050;
    --neutral2: #363636;
    --accent: #F1F1E7;
    --ScripturaSancta: #FF5353;
}

a,
button {
    transition: 0.45s ease-out;
}

.mostPages .mostPagesWrap a:not([class*="panel-heading"]):not([class*="panel-heading"] *) {
    background-image: linear-gradient(120deg, #916300 0%, #916300 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.2em;
    background-position: 0 116%;
    transition: background-size 0.25s ease-in;
    color: #916300;
    transition: 0.25s ease-out;
    padding: 2px 2px 0;
}

.mostPages .mostPagesWrap a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *) {
    background-size: 100% 88%;
    color: white;
}

html,
body {
    height: 100%;
    width: 100%;
    overflow-x: hidden
}

body {
    overflow-x: hidden
}

body * {
    font-family: 'Questrial', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: ;
}


.heading-lg {
    font-family: 'mandrel-condensed', sans-serif !important;
    font-weight: bold;
    font-size: 117px;
    color: var(--primary);
    text-transform: uppercase;
}

.heading-mdlg {
    font-family: 'mandrel-condensed', sans-serif;
    font-weight: 300;
    font-size: 58px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    color: var(--primary);
}

.heading-md {
    font-size: 40px;
    color: var(--primary);
}

.heading-mdsm {
	font-size: 32px;
	color: var(--primary);
}

.heading-sm {
    font-size: 28px;
    color: var(--secondary2);
}

.partners-heading, .news-heading {font-family: 'brandon-grotesque', sans-serif;text-transform: uppercase;}

.p-styles {font-size: 19px;}

.mainArea p {
	font-size: 25px;
    color: var(--secondary2);
}

.lastPadding {
    margin-bottom: 0 !important;
}

.lastPadding .col-sm-offset-2.col-sm-2 * {
    color: white !important;
}

.lastPadding .row {
    display: flex;
    align-items: flex-end;
	
	justify-content: center;
	flex-wrap: nowrap;
}

.lastPadding .row .col-sm-2 {
    z-index: 1;
}

/*---DONATE PAGE---*/
.margin-top {margin-top: 250px;}

#header .overlaySurround {
    position: absolute;
    z-index: 11;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-top: 65px;
    padding-top: 3.38542vw;
    padding-bottom: 155px;
    padding-bottom: 8.07292vw;
}

.mostPages .overlaySurround {
    position: relative !important;
    height: auto !important;
    padding-top: 0 !important;
    padding: 0 !important;
}

.wrapper1 {
    padding: 0 125px;
    padding: 6.51042vw;
}

#header .menuStuff {
    display: flex;
    position: relative;
    margin-left: -125px;
    margin-left: -6.51042vw;
    height: 100px;
    height: max(65px, 5.20833vw);
    box-shadow: 0px 6px 17px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 6px 0.88542vw rgba(0, 0, 0, 0.25);
    position: fixed;
    z-index: 1;
    transition: all .1s linear;
}

.highlightSidebars #header {
    height: auto;
}

.wid90 {width: 90% !important;margin: 0 auto !important;}
.mostPages .menuStuff {
    margin-left: 0 !important;
    width: 100%;
    justify-content: space-between;
    position: relative !important;
}

#header .home .menuStuff .leftStuff {
    background: white;
}

#header .menuStuff .leftStuff {
    padding: 0 25px;
    padding: 0 1.30208vw;
    padding: 0 max(17px, 1.30208vw) !important;
    width: 245px;
    width: 12.76042vw;
    display: flex;
    align-items: center;
    background: var(--neutral1);
}

.leftStuff #logoID {
    min-height: 25px;
}

.header-social {display: flex; gap: 20px;}
.new-inner-class .header-social {margin-top: 5px!important;}
.new-inner-class .header-social a { margin-right: 0!important;}
.new-home-class .header-social {flex-direction: column!important;}

#header .menuStuff .rightStuff {
    background: var(--secondary1);
    padding: 0 30px;
    padding: 0 max(20.5px, 1.5625vw);
    display: flex;
    align-items: center;
}

.mostPages .menuStuff .rightStuff {
    width: 100%;
}

#header .donateNlinks {
    display: flex;
    position: relative;
    right: 0;
    float: right;
}

.mostPages .donateNlinks {
    padding: 0 max(10px, 2.60208vw);
    align-items: center;
}

.remLatere {
    padding-right: max(15px, 1.00208vw);
}

.mostPages .socialMedia .col-sm-2 {
    display: flex;
    align-items: center;
}

.mostPages .socialMedia icon {
    color: var(--secondary2) !important;
    font-size: 20px !important;
}

.mostPages .socialMedia .col-sm-2>* {
    padding: 0 max(10px, 0.60208vw);
}

.donateNlinks icon {
    font-size: 24px !important;
    font-size: max(17.5px, 1.25vw) !important;
}

.donateNlinks button {
    padding: 7.5px 18px !important;
    padding: max(4px, 7.5px) max(14px, 0.9375vw) !important;
    font-size: 16px !important;
    font-size: max(10px, 0.83333vw) !important;
    font-size: max(11px, 0.83333vw) !important;
}

.mostPages .donateNlinks button {
	  width: 7.5VW;
}

.mostPages .donateNlinks button {
    border-color: var(--neutral2) !important;
}

.mostPages .donateNlinks button:hover {
    background: #E0E0E0 !important;
}

#header .donateNlinks .rightStuff {
    padding-left: 40px;
    padding-left: 2.08333vw;
}

.mostPages .donateNlinks .rightStuff {
    padding-right: 0 !important;
}

#header .bottomStuff {
    display: flex;
    justify-content: flex-end;
}

#header .logo {
	text-align: right;
}

#header .topStuff {
    width: 100%;
}

.topStuff button:hover {
    background: white !important;
    color: black !important;
}

#header .site-description {
    font-family: Questrial;
    font-weight: normal;
    font-size: 25px;
    font-size: max(10px, 1.30208vw);
    font-size: max(17px, 1.30208vw);
    text-align: right;
    color: #fff;
    margin-bottom: -35px;
    margin-bottom: -1.82292vw;
}

#header .logo img {
    padding-bottom: 22px;
    padding-bottom: 1.14583vw;
    width: 710px;
    width: max(485px, 36.97917vw);
}

.titleSurround p *,
.titleSurround p {
    font-size: 22px !important;
    font-size: max(10px, 1.14583vw) !important;
    font-size: max(15px, 1.14583vw) !important;
}

#main .mainArea {
    max-width: 1390px;
    max-width: 72.39583vw;
    margin: 0 auto;
    margin-top: -120px;
    margin-top: -5.95vw;
    padding-bottom: 215px;
    padding-bottom: 11.19792vw;
}

.text-left,
.text-left * {
    text-align: left !important;
}

.otherAreas {
    background: var(--neutral1);
    padding-top: 3.75vw;
    margin-top: 7vw;
    padding-bottom: 22vw;
}

.greyArea {
    background: #EFEEE9 !important;
    padding: 4.94792vw 4.6875vw 3.64583vw 3.64583vw !important;
    box-shadow: 0px 6px 0.88542vw rgb(0 0 0 / 25%);
}

.border-general {
    text-align: center;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    display: inline-block;
}

.slick-prev,
.slick-next {
    display: none !important;
}

.mostPagesWrap .mainArea {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

.mostPages #main .mostPagesWrap {
    margin-top: 0;
    padding-top: 6vw;
    padding-bottom: 11vw;
}

/*---HERO---*/
.highlightSidebars .slideSurround {z-index: 11; position: relative; margin-top: 230px;}
.highlightSidebars .bottomStuff {margin-top: 800px; background: #000;}
.highlightSidebars .wave-top {margin-top: 300px;}

.hero-banner {
	background-color: #F1F1E7;
	padding: 20px;
	box-shadow:  0px 5px 20px 0 rgb(0,0,0,0.6);
}

.mainArea h1 {
    margin-top: 0;
}

.mainArea h2 {
    margin-bottom: 0;
}

#main {
    margin-top: -275px;
    margin-top: -14.32292vw;
}

.mostPages main#main {
    margin-top: 0 !important;
}

.animate2 {
    transition: 0.75s ease-out;
    opacity: 0;
    top: 50px;
    top: 2.60417vw;
    position: relative
}

#animate3,
#animate4 {
    transition: 0.75s ease-out;
    opacity: 0;
}

#animate4 {
    left: -50px;
    left: -2.60417vw;
    position: relative;
    margin-top: 60px;
    margin-top: max(41px, 3.125VW);
}

.animate5 {
    transition: 0.75s ease-out;
    opacity: 0;
    animation-delay: 2s;
}

.show,
.reveal {
    opacity: 1.0 !important;
    top: 0px !important;
}

.see {
    opacity: 1.0 !important;
    left: 0px !important;
}

.DomineIesu,
.heart {
    background-size: cover !important;
}

.heart {
    background: #F2F2F2;
    position: relative;
}

.DomineIesu .splitContent,
.heart .splitContent {
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding-right: 180px;
    padding-right: 9.375vw;
    justify-content: flex-end;
    padding-bottom: 85px;
    padding-bottom: 4.42708vw;
    padding-left: 85px;
    padding-left: 4.42708vw;
}

.heart .splitContent {
    padding: 50px 65px 60px 140px;
    padding: 2.60417vw 3.38542vw 3.125vw 7.29167vw;
    align-items: flex-start;
}

.ScriptureContainer .heading-sm {text-transform: uppercase; font-family: 'brandon-grotesque', sans-serif;}

.DomineIesu .ScriptureContainer,
.heart .textContainer {
    background: white;
    padding: 20px;
    padding: max(22px, 1.04167vw);
    max-width: 975px;
    max-width: 50.78125vw;
}

.heart .textContainer {
    padding: 50px 40px;
    padding: 2.60417vw 2.08333vw;
    margin-top: 70px;
    margin-top: 3.64583vw;
    max-width: 100%;
}

.DomineIesu span,
.heart span {
    font-weight: normal;
    font-size: 300px;
    font-size: max(194px, 15.625vw);
    font-size: max(200px, 15.625vw);
    text-align: left;
    color: var(--ScripturaSancta);
    opacity: 0.09;
    font-family: eb-garamond, serif;
    position: absolute;
    line-height: 0.8;
}

.DomineIesu blockquote,
.heart blockquote {
    font-size: 45px;
    font-size: max(25px, 2.34375vw);
    font-size: max(26.5px, 2.34375vw);
    color: var(--ScripturaSancta);
    font-family: eb-garamond, serif;
    border: none;
    text-indent: unset;
    width: 86%;
    line-height: 1.2;
}

.heart blockquote {
    font-size: max(18px, 2.34375vw);
    font-size: max(30px, 2.34375vw);
}

.heart blockquote {
    font-family: 'Questrial', sans-serif !important;
    color: var(--secondary2);
    width: 72%;
}

.DomineIesu h3,
.heart h2 {
    font-family: brandon-grotesque, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 36px;
    font-size: max(20px, 1.875vw);
    font-size: max(22.5px, 1.875vw);
	color: var(--primary);
    margin-left: 140px;
    margin-left: 7.29167vw;
}

.heart h2 {
    font-size: max(15px, 1.875vw);
    font-size: max(24px, 1.875vw);
}

.DomineIesu img,
.heart img {
    z-index: 1;
}

img.handsHeart {
    margin-left: -340px;
    margin-left: -17.70833vw;
    width: 828px;
    width: max(278px, 43.125VW);
    width: max(185px, 43.125VW);
}

.IesuPauperEtEgenus {
    margin-bottom: -60px;
    margin-bottom: -3.125vw;
    margin-top: -110px;
    margin-top: -5.72917vw;
    margin-left: -200px;
    margin-left: -11.41667vw;
    width: 496px;
    width: max(283px, 25.83333vw);
    width: max(338px, 25.83333vw);
}

/*---IMAGES LEFT AND RIGHT OVERLAPING---*/

.img-right-home {width: 100%;max-width: 100% !important;}
.picturelast {position: relative; z-index: 0; height: 600px;}

.picContainer {
    margin: 90px 0 90px 0;
    margin: 4.6875vw 0 4.6875vw 0;
}

.picContainer p,
.defaultText,
.defaultText p {font-size: 19px !important;
}
.leftPadding {
    padding-left: 240px !important;
    padding-left: 12.5vw !important;
}

.rightPadding {
    padding-right: 240px !important;
    padding-right: 12.5vw !important;   
	z-index: 1;
    position: relative;
}

.captionone,
.captiontwo,
.captionlast {
    text-align: left;
    box-shadow: 0px 6px 0.88542vw rgb(0 0 0 / 25%);
}

.captionlast {
    background-color: #956400 !important;
    color: white !important;
    padding: 65px 65px 160px;
    margin-right: -10.41667vw;
	box-sizing: border-box;
}

.captionone,
.captiontwo {
    background: #EFEEE9 !important;
    color: #000;
}

.captionone {
    margin-left: -200px;
    margin-left: -10.41667vw;
    margin-top: 220px;
    margin-top: 11.45833vw;
    padding: 95px 90px 70px 70px;
    padding: 4.94792vw 4.6875vw 3.64583vw 3.64583vw;
}

[class^="caption"] div {
    min-height: unset !important;
}

.captiontwo {
    margin-right: -200px;
    margin-right: -10.41667vw;
    margin-top: 220px;
    margin-top: 11.45833vw;
    padding: 95px 70px 70px 90px;
    padding: 4.94792vw 3.64583vw 3.64583vw 4.6875vw;
}

.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
    display: block;
    height: auto;
    max-width: 100%;
}

.wp-custom-header {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    padding-top: 1.30208vw;
    height: 0;
}

.wp-custom-header iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Class for Google Map widget */
.google_map {
    width: 100%;
    min-height: 58vh;
}

.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}

.navbar {
    min-height: auto !important;
    margin-bottom: 0 !important;
}

.navigation-top {
    width: 100%;
}

.menu li {
    width: auto !important;
    padding-right: 6%;
    display: inline-block;
}

.menu li:last-child {
    padding-right: 0 !important;
}

.menu li>a {
    color: #000;
    font-size: 1.5em;
}

.dropdown-menu {
    background-color: rgba(0, 0, 0, 0.7);
    color: orange;
    border-radius: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 18px;
    font-size: 0.9375vw;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #e68a24;
}

.dropdown-menu:not(.head-list)>li>a {
    color: #000;
    font-size: 16px;
    font-size: 0.83333vw;
    font-weight: 400;
}

.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

#wp-admin-bar-new-content-default {
    display: none;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#foot {
    margin-top: -280px;
    margin-top: -14.58333vw;
}

.mostPages #foot {
    margin-top: -33vw !important;
}

.defaultTemplate #foot {
    margin-top: -11vw !important;
}

form h1, form h2 {
    all: unset;
    font-family: 'Questrial', sans-serif !important;
    font-size: 20px;
    font-size: max(20px, 1.04167vw);
}

#foot td * {
    font-size: 24px !important;
    font-size: max(17px, 1.25vw) !important;
}

#foot .section-wrap {
    padding: 30px 100px 0;
    padding: 1.5625vw 5.20833vw 0;
    display: flex;
    justify-content: space-between;
}

.bottomLogo {
    padding: 155px 0;
    padding: 8.07292vw 0;
}

.bottomLogo img {
    max-width: 277px !important;
    max-width: max(190px, 14.42708vw) !important;
}

#foot .left-section {
    width: calc(50% - 85px);
    width: calc(50% - 4.42708vw);
    font-size: 24px;
    font-size: 1.25vw;
    color: #fff;
}

#foot .left-section a {
    color: #fff !important;
}

#foot .right-section {
    width: calc(50% - 85px);
    width: calc(50% - 4.42708vw);
    margin-top: 5px;
}

.contactForm h2 {
    font-size: 24px !important;
	color: var(--neutral2)!important;
	text-transform: none!important;
}

.alert .close {
    display: none;
}

.right-section input {
    background: #F1F1E7;
    border: none;
    padding: 18px;
    padding: 0.9375vw;
    margin-top: 0px;
}

.right-section textarea {
    background: var(--accent);
    border: none;
    padding: 18px;
    padding: 0.9375vw;
    margin-top: 0px;
    resize: vertical;
    height: 150px;
    height: 7.8125vw;
}

#foot .form-wrapper {
    background: #fff;
    padding: 40px;
    padding: 2.08333vw;
    margin-top: -40px;
    margin-top: -2.08333vw;
}

.alert-success {
    all: unset;
}


@media screen and (max-width:1000px) {
    #foot .section-wrap {
        padding: 110px 30px;
    }
	
	.heading-lg {font-size: 75px;}
	.heading-mdlg {font-size: 35px;}
	.heading-md {font-size: 30px;}
	.heading-mdsm {font-size: 25px;}
	.heading-sm {font-size: 20px;}
	.mainArea p {font-size: 17px;}
}


@media screen and (max-width:999px) {
    #foot .section-wrap {
        padding: 70px 30px;
    }

    #foot .left-section {
        float: none;
        padding-left: 0;
        width: auto;
    }

    #foot .right-section {
        float: none;
        padding-right: 0;
        width: auto;
        margin-top: 0;
    }

    #foot .form-wrapper {
        padding: 30px;
        margin-top: 55px;
        margin-bottom: 20px;
    }
}

#foot .table>tbody>tr>td,
#foot .table>tbody>tr>th,
#foot .table>tfoot>tr>td,
#foot .table>tfoot>tr>th,
#foot .table>thead>tr>td,
#foot .table>thead>tr>th {
    border: none;
}

.customize-support #foot .table>tbody>tr>td,
.customize-support #foot .table>tbody>tr>th,
.customize-support #foot .table>tfoot>tr>td,
.customize-support #foot .table>tfoot>tr>th,
.customize-support #foot .table>thead>tr>td,
.customize-support #foot .table>thead>tr>th {
    border: none;
}

@media screen and (max-width:1300px) {
    .menu-stuff {
        margin-left: -7.71042vw !important
    }
}

/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1400px) {
    .donateNlinks button {
        width: 80px !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .mostPages .socialMedia icon {
        font-size: 14px !important;
    }

    .captionone,
    .captiontwo {
        margin-top: 8vw;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1091px) {

    .captionone,
    .captiontwo {
        margin-top: 5vw;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 999px) {
	
	.picContainer p,
	.defaultText,
	.defaultText p, .p-styles  {font-size: 17px!important;}
	
    nav.primary ul li a {
        font-size: 17px;
        padding: 0 5px;
    }

    .logo {
        width: max(275px, 45vw);
    }

    .mostPages svg.wave-top {
        margin-top: -16.027027VW;
    }

    .DomineIesu .splitContent,
    .heart .splitContent {
        padding-right: 7.5vw;
    }

    .DomineIesu .ScriptureContainer,
    .heart .textContainer {
        max-width: 53.78125vw;
    }

    .DomineIesu blockquote,
    .heart blockquote {
        width: 82%;
    }

    .IesuPauperEtEgenus {
        margin-left: -15.41667vw;
    }

    .heart {
        height: 38.03803803803804VW;
    }

    .heart .splitContent {
        padding-left: 6.5vw;
        padding-right: 6.5vw;
    }

    #foot div table {
        border: none;
    }

    .titleSurround p *,
    .titleSurround p {
        font-size: 14px !important;
    }

    .donateNlinks button {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 60px !important;
    }

    #header .site-description {
        font-size: 14px;
    }

    #header .logo img {
        width: 100%;
    }

    .heart blockquote {
        font-size: 22px;
        width: 81%;
    }

    .heart img {
        margin-left: -12vw;
    }

    .captionLast {
        margin-top: -24.424424424424423VW;
    }

    .leftPadding {
        padding: 0 0 0 6.51042vw !important;
    }

    .rightPadding {
        padding: 0 6.51042vw 0 0 !important;
    }

    .lastPadding {
        padding: 0 6.51042vw !important;
    }

    .captionlast {
        margin-right: -30vw;
    }

    #foot .grey-bg {
        flex-direction: column;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.captionlast  {margin-right: 0 !important;}
    #menuEtAll img {
        float: none !important;
        margin: 0 auto !important;
        max-width: 113px !important;
    }

    #menuEtAll .col-sm-12 span {
        display: flex;
        justify-content: center;
    }


    .rightPadding .row.sh-row {
        display: flex;
        flex-direction: column-reverse;
        min-height: auto;
    }

    .mostPages #menu-button {
        display: block;
    }

    .mostPages nav.primary {
        display: none;
    }

    svg.wave-top,
    #foot svg {
        width: 192.192192VW;
        margin-left: -80.058058VW;
    }

    svg.wave-top {
        margin-top: -27.027027027027028VW;
    }

    svg.wave-top,
    #foot svg {
        width: 192.192192VW;
        margin-left: -80.058058VW;
    }

    .DomineIesu .splitContent,
    .heart .splitContent {
        flex-direction: column;
        padding-right: 0;
    }

    .DomineIesu .ScriptureContainer {
        max-width: 100%;
        height: 400px;
    }

    #animate4 blockquote {
        width: 100%;
    }

    .IesuPauperEtEgenus {
        width: 283px;
        margin-top: -180px;
        margin-left: 0;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .heart {
        height: 540px;
    }

    .heart .splitContent {
        flex-direction: column;
        align-items: self-end;
    }

    .heart .splitContent .textContainer {
        max-width: 100%;
        height: 220px;
    }

    #foot {
        margin-top: -50.58333vw;
    }

    .titleSurround p *,
    .titleSurround p {
        font-size: 12px !important;
    }

    #header .overlaySurround {
        padding: 0;
		justify-content: flex-start;
		gap: 30px;
    }

    #header .menuStuff {
        position: relative;
        margin-left: 0 !important;
        width: 100%;
        height: 105px;
    }

    #header .menuStuff .leftStuff {
        width: 100% !important;
    }

    #header .menuStuff .rightStuff {
        position: absolute;
        height: 62px;
        right: 0;
        width: auto;
    }

    #header .donateNlinks {
        display: flex;
        flex-direction: row-reverse;
        float: left;
        margin: 20px 0;
    }

    .mostPages .donateNlinks {
        display: none !important;
    }

    #header .donateNlinks .rightStuff {
        padding: 0 20px;
    }

    #header .bottomStuff {
        padding: 35px 20px;
    }

    #header .logo {
        width: 300px;
    }

    #header .topStuff {
        display: block;
    }

    #header .site-description {
        font-size: 12px;
        margin-bottom: -15px;
    }

    img.handsHeart {
        width: 278px;
        margin-top: -120px;
        margin-left: 0;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .picContainer {
        margin: 40px 0;
    }

    .lastPadding .row {
        flex-direction: column-reverse;
    }

    .lastPadding {
        padding: 0 !important;
    }

    .lastPadding .col-sm-offset-2.col-sm-2 * {
        margin: 0;
    }

    .captiontwo {
        margin-top: -20px;
        margin-right: 0;
    }

    .captionone {
        margin-left: 0;
        margin-top: 0;
    }

    .captionone,
    .captiontwo,
    .captionlast {
        padding: 50px 35px 35px;
    }
}

@media screen and (max-width:700px) {
	.heading-lg {font-size: 50px;}
}

@media only screen and (max-width : 575px) {
    img.handsHeart {
        margin-top: -60px;
    }
	.margin-top {margin-top: 80px!important;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .DomineIesu .ScriptureContainer {
        height: 500px;
    }

    h1 {
        font-size: 62px;
    }

    img.handsHeart {
        margin-top: -30px;
    }

}

/*Borrowed from arnoldmachinery */
/*! CSS Used from: https://www.arnoldmachinerycme.com/css/style.css?v=1.12 */
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999999999;
    background: var(--neutral1);
}

.se-pre-con.other {
    background: white !important;
}

/* + Stat Crux dum volvitur orbis + */