/****************************************************************************/ /***************************** KEYFRAMES ****************************/ /****************************************************************************/ /*** Expecting 75s animation-duration with no delay ***/ @keyframes parallax_index_slideshow_winter { 0% {background-image: url("../img/polson01.jpg");} 12% {background-image: url("../img/polson02.jpg");} 25% {background-image: url("../img/polson02.jpg");} 37% {background-image: url("../img/polson03.jpg");} 50% {background-image: url("../img/polson04.jpg");} 62% {background-image: url("../img/polson05.jpg");} 75% {background-image: url("../img/polson06.jpg");} 88% {background-image: url("../img/polson07.jpg");} 100% {background-image: url("../img/polson01.jpg");} } @keyframes parallax_index_slideshow_summer { 0% {background-image: url("../img/polsonSummer01.jpg");} 16% {background-image: url("../img/polsonSummer02.jpg");} 33% {background-image: url("../img/polsonSummer02.jpg");} 50% {background-image: url("../img/polsonSummer03.jpeg");} 68% {background-image: url("../img/polsonSummer04.jpg");} 85% {background-image: url("../img/polsonSummer05.jpg");} 100% {background-image: url("../img/polsonSummer01.jpg");} } /*** Expecting 40s animation-duration with delays set between each slide ***/ @keyframes playslides { 0% {visibility: visible;} 20% {visibility: hidden;} } /***********************************/ /***** Event Popup *****/ /***********************************/ /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1000; /* Sit on top */ padding-top: 250px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.8); /* Black w/ opacity */ } /* Modal Content */ .modal-content { /*background-color: #FFC00D;*/ /*background-color: #c0c0c0;*/ background-color: #ff8100; margin: auto; padding: 20px; border: 1px solid #888; width: 60%; font-size: 16pt; height: 90%; font-weight: bold; text-align: center; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } /***************************/ /***** Anchors *****/ /***************************/ #our_beliefs {display: block; position: relative; top:-150px; visibility: hidden;} /***************************/ /***** Z-Index List *****/ /***************************/ #modal_header {z-index:10000; height:210px!important;} #scrolling_header {z-index:10000; height:210px!important;} #learn_more__join {position:relative; top:0px; right:0px; z-index:2;} #learn_more__loves {position:relative; top:0px; right:0px; z-index:2;} #learn_more__paid {position:relative; top:0px; right:0px; z-index:2;} #learn_more__how {position:relative; top:0px; right:0px; z-index:2;} #learn_more__ask {position:relative; top:0px; right:0px; z-index:2;} /***** DIV Element Positioning for Z-Index Settings *****/ div {position: relative;} /***************************/ /***** iFrames *****/ /***************************/ .give_main_content_container {width:100%; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:0px; background-attachment:fixed!important; background-size:cover; background-repeat:no-repeat; background-position:center;} @media (max-width: 1000px) {.give_main_content_container {padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; background-attachment:scroll!important; background-size:cover; background-repeat:no-repeat; background-position:center;}} .giving_iframe_container {width:calc(100%-200px); background-color:#F0F2F8; padding-top:16px; padding-left:20%; padding-right:20%; padding-bottom:16px; margin:auto; margin-left:100px; margin-right:100px; border:none;} @media (max-width: 1650px) {.giving_iframe_container {width:calc(100%-75px); padding-left:10%; padding-right:10%; margin:auto; margin-left:75px; margin-right:75px;}} @media (max-width: 1175px) {.giving_iframe_container {width:calc(100%-40px); padding-left:16px; padding-right:16px; margin:auto; margin-left:20px; margin-right:20px;}} @media (max-width: 985px) {.giving_iframe_container {width:100%; margin:auto; margin-left:0px; margin-right:0px;}} .giving_iframe {position:relative; width:800px; height:800px; margin:auto; text-align: center; display:block;} @media (max-width: 1175px) {.giving_iframe {width:700px;}} @media (max-width: 1075px) {.giving_iframe {width:650px;}} @media (max-width: 1000px) {.giving_iframe {width:575px;}} @media (max-width: 985px) {.giving_iframe {width:100%;}} .give_verse_box {position:relative; background-color:#7D90C5; width:100%; margin:auto; text-align:center; padding-top:8px; padding-bottom:8px; padding-left:16px; padding-right:16px;} img.tithely {position:relative; background-color:inherit; width:300px; margin:auto;} @media (max-width: 10000px) {img.tithely {width:260px;}} @media (max-width: 1710px) {img.tithely {width:248px;}} @media (max-width: 1188px) {img.tithely {width:240px;}} @media (max-width: 800px) {img.tithely {width:200px;}} @media (max-width: 680px) {img.tithely {width:170px;}} @media (max-width: 600px) {img.tithely {display:none;}} img.tithely_mobile {position:relative; background-color:inherit; width:300px; margin:auto; display:none;} @media (max-width: 600px) {img.tithely_mobile { width:100%; display:block;}} img.tithely_download {position:relative; background-color:inherit; width:200px; margin:auto;} @media (max-width: 600px) {img.tithely_download { display:none;}} img.tithely_download_mobile {position:relative; background-color:inherit; width:60%; margin:auto; display:none;} @media (max-width: 600px) {img.tithely_download_mobile { display:block;}} @media (max-width: 500px) {img.tithely_download_mobile { width:90%;}} /**********************************/ /**** Content Backgrounds ****/ /**********************************/ /*.visit_background {background-image: url('../img/DSCN1835-1024x768.webp'); background-color: #C3C3C3; background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}*/ .visit_background, .watch_background, .about_background, .events_background, .prayer_background, .contact_background, .give_background {background-image:url("../img/istockphoto-1184202965-612x612-1.webp"); background-attachment:fixed!important; background-size:cover; background-repeat:no-repeat; background-position:center;} /***************************/ /***** Top of Page *****/ /***** Spacing *****/ /***************************/ .large_spacing {display:block;} @media (max-width: 10000px) {.large_spacing {display:block;}} @media (max-width: 985px) {.large_spacing {display:none;}} .small_spacing {display:none;} @media (max-width: 10000px) {.small_spacing {display:none;}} @media (max-width: 985px) {.small_spacing {display:block;}} .small_screen_spacer {display:none;} @media (max-width: 600px) {.small_screen_spacer {display:block;}} /***** General Use Classes *****/ .content_header_text {background-color:transparent; font-weight:bold; font-size:22pt;} .page_header_text {font-weight:bold; font-size:20pt; text-align:center;} .page_medium_header_text {font-weight:bold; font-size:14pt; text-align:center;} .page_small_header_text {font-weight:bold; font-size:12pt; text-align:center;} .left {text-align:left!important;} .center {text-align:center!important; margin:auto;} .right {text-align:right!important;} .italic {font-style:italic;} /***** Set Base font details for page *****/ body {font-size: 12pt; font-family: Verdana, Geneva, Tahoma, sans-serif;} hr {border:none!important; height:4px!important; color:#1A97E0!important; background-color:#1A97E0!important; margin:auto!important;} hr .join {width:150px;} hr .loves {width:250px;} hr .paid {width:300px;} hr .how {width:300px;} hr .ask {width:400px;} /***** Top Naviation Bar Items *****/ .top_header_L1 {display:inline-block; background-color:transparent!important; padding-top:0px!important; margin:auto!important; width:100%!important;} @media (max-width: 600px) {.top_header_L1 { background-color:#5671F8!important;}} .top_header_church_name {font-size:36px; color:#FFFFFF; float:left;} .top_header_church_city {font-size:20px;} .top_header_L2 {display:inline-block; width:100%!important; background-image:url('../img/DSCN0964-1024x768.webp')!important; background-color:#5671F8; background-repeat:no-repeat; background-size:cover;} .nav_bar {width:100%!important; background-color:#5671BE; color:cyan; float:right!important; border-top:0px solid #567197; border-bottom:5px solid #1A97E0;} .content_subheader_text {background-color: transparent; font-weight: bold; font-size: 12pt;} @media (max-width: 985px) {.content_subheader_text { width: 100%!important;}} .content_subheader_text_orange {background-color: transparent; font-weight: bold; font-size: 12pt; color: #ff8100!important;} @media (max-width: 985px) {.content_subheader_text_orange { width: 100%!important;}} /***** Top Header (Modal vs. Non-Modal) *****/ .top_header_container_display {display: none!important;} .top_header_container_modal_display {display: inline-block!important;} @media (max-width: 985px) {.top_header_container_display {display: inline-block!important;} .top_header_container_modal_display {display: none!important;}} /***** Top Background *****/ #parallax_index_winter {animation-duration:75s; animation-delay:0s; animation-name:parallax_index_slideshow_winter; animation-iteration-count:infinite; animation-timing-function:ease; animation-fill-mode:both;} #parallax_index_summer {animation-duration:75s; animation-delay:0s; animation-name:parallax_index_slideshow_summer; animation-iteration-count:infinite; animation-timing-function:ease; animation-fill-mode:both;} .parallax_index_winter {background-image:url("../img/polson01.jpg"); min-height: 1000px; background-attachment: fixed!important; background-position: center; background-repeat: no-repeat; background-size: cover;} @media (max-width: 10000px) {.parallax_index_winter {min-height: 1000px; background-attachment: fixed!important;}} @media (max-width: 1000px) {.parallax_index_winter {min-height: 700px; background-attachment: scroll!important;}} @media (max-width: 985px) {.parallax_index_winter {min-height: 500px}} @media (max-width: 600px) {.parallax_index_winter {min-height: 300px;}} @media (max-width: 475px) {.parallax_index_winter {min-height: 300px;}} .parallax_index_summer {background-image:url("../img/polsonSummer01.jpg"); min-height: 1000px; background-attachment: fixed!important; background-position: center; background-repeat: no-repeat; background-size: cover;} @media (max-width: 10000px) {.parallax_index_summer {min-height: 1000px; background-attachment: fixed!important;}} @media (max-width: 1000px) {.parallax_index_summer {min-height: 700px; background-attachment: scroll!important;}} @media (max-width: 985px) {.parallax_index_summer {min-height: 500px}} @media (max-width: 600px) {.parallax_index_summer {min-height: 300px;}} @media (max-width: 475px) {.parallax_index_summer {min-height: 300px;}} /***** Top Message *****/ #msg_slides {height: 10em; position: relative} #msg_slides > * {visibility: hidden; animation: 40s playslides infinite; margin: auto;} #msg_slides > *:nth-child(1) {animation-delay:0s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 15%; margin-right: 15%;} #msg_slides > *:nth-child(2) {animation-delay:8s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 15%; margin-right: 15%;} #msg_slides > *:nth-child(3) {animation-delay:16s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 15%; margin-right: 15%;} #msg_slides > *:nth-child(4) {animation-delay:24s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 15%; margin-right: 15%;} #msg_slides > *:nth-child(5) {animation-delay:32s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 15%; margin-right: 15%;} .index_title_msg_container {position: relative; font-weight: bold; font-size: 48px; background-color: transparent; margin: auto; text-align: center; color: #FFFFFF; padding-top: 20px;} @media (max-width: 1000px) { .index_title_msg_container {position: relative; font-weight: bold; font-size: 36px; background-color: transparent; margin: auto; text-align: center; color: #FFFFFF; padding-top: 20px;} #msg_slides > *:nth-child(1) {animation-delay: 0s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(2) {animation-delay: 8s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(3) {animation-delay: 16s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(4) {animation-delay: 24s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(5) {animation-delay: 32s; position: absolute; top: 40vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} } @media (max-width: 985px) { .index_title_msg_container {position: relative; font-weight: bold; font-size: 30px; background-color: transparent; margin: auto; text-align: center; color: #FFFFFF; padding-top: 20px;} #msg_slides > *:nth-child(1) {animation-delay: 0s; position: absolute; top: 20vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(2) {animation-delay: 8s; position: absolute; top: 20vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(3) {animation-delay: 16s; position: absolute; top: 20vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(4) {animation-delay: 24s; position: absolute; top: 20vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(5) {animation-delay: 32s; position: absolute; top: 20vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} } @media (max-width: 600px) { .index_title_msg_container {position: relative; font-weight: bold; font-size: 22px; background-color: transparent; margin: auto; text-align: center; color: #FFFFFF; padding-top: 20px;} #msg_slides > *:nth-child(1) {animation-delay: 0s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(2) {animation-delay: 8s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(3) {animation-delay: 16s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(4) {animation-delay: 24s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(5) {animation-delay: 32s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} } @media (max-width: 475px) { .index_title_msg_container {position: relative; font-weight: bold; font-size: 22px; background-color: transparent; margin: auto; text-align: center; color: #FFFFFF; padding-top: 20px;} #msg_slides > *:nth-child(1) {animation-delay: 0s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(2) {animation-delay: 8s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(3) {animation-delay: 16s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(4) {animation-delay: 24s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} #msg_slides > *:nth-child(5) {animation-delay: 32s; position: absolute; top: 10vh; left: 0px; right: 0px; margin: auto; margin-left: 5%; margin-right: 5%;} } /***** Top Sub-Message *****/ .index_title_sub_msg {font-weight:normal; font-size:22pt; color:#FFFFFF;} @media (max-width: 1000px) {.index_title_sub_msg { font-size:18pt;}} @media (max-width: 600px) {.index_title_sub_msg { font-size:12pt;}} /***** Link Buttons *****/ .slide_link_button {background-color: #868686!important; font-size: 18pt; font-weight: normal; border-width: 2px; border-color: #464646; border-style: solid;} @media (max-width: 985px) {.slide_link_button { font-size: 14pt;}} @media (max-width: 600px) {.slide_link_button { font-size: 12pt;}} .live_button {background-color:#AFDD0C!important; font-size:14pt; font-weight:normal; border-width:0px; border-color:#6B573A; border-style:solid; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;} @media (max-width: 800px) {.live_button { font-size:11pt; padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px;}} a.live_button:hover {background-color: #92A420!important;} /***** Index Page Main Content Outer Container *****/ .index_main_content_container {background-image:url("../img/istockphoto-1184202965-612x612-1.webp"); padding-left:20%; padding-right:20%; padding-top:60px; padding-bottom:60px; background-attachment:fixed!important; background-size:cover; background-repeat:no-repeat; background-position:center;} @media (max-width: 1000px) {.index_main_content_container {background-image:url("../img/istockphoto-1184202965-612x612-1.webp"); padding-left:10px; padding-right:10px; padding-top:30px; padding-bottom:30px; background-attachment:scroll!important;}} /***** Index Page Main Content Inner Container *****/ .index_main_content_inner_container {background-color: #FFFFFF; color: #000000; font-size: 12pt; padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px;} /***** Footer Main Section *****/ .footer_main {width:100%; background-color:#252526; color:#ffffff; text-align:center;} /***** Footer Copyright Section *****/ .footer_credits {width:100%; background-color:#333333; color:#ffffff; text-align: center; vertical-align:middle;} /***********************************/ /***** LOCATION *****/ /***** Adjustments to Media *****/ /***********************************/ #id_db_full_size_location_table {border-spacing:0px; width:100%; display:block;} @media (max-width: 10000px) {#id_db_full_size_location_table { display: block;}} @media (max-width: 965px) {#id_db_full_size_location_table { display: none;}} @media (max-width: 750px) {#id_db_full_size_location_table { display: none;}} @media (max-width: 400px) {#id_db_full_size_location_table { display: none;}} #id_db_medium_size_location_table {border-spacing:0px; width:100%;} @media (max-width: 10000px) {#id_db_medium_size_location_table { display:none;}} @media (max-width: 965px) {#id_db_medium_size_location_table { display:block;}} @media (max-width: 750px) {#id_db_medium_size_location_table { display:none;}} #id_db_small_size_location_table {border-spacing:0px; width:100%;} @media (max-width: 10000px) {#id_db_small_size_location_table { display:none;}} @media (max-width: 750px) {#id_db_small_size_location_table { display:block;}} @media (max-width: 400px) {#id_db_small_size_location_table { width: 400px!important;}} #lcbc_pic {width: 552px;} @media (max-width: 10000px) {#lcbc_pic {width: 552px;}} @media (max-width: 965px) {#lcbc_pic {width: 552px;}} @media (max-width: 750px) {#lcbc_pic {width: 331px;}} @media (max-width: 400px) {#lcbc_pic {width: 331px;}} /********************************/ /***** Events *****/ /********************************/ .events_main_content_container {width:calc(100%-200px); text-align:left; background-color:#F0F2F8; padding-top:16px; padding-left:20%; padding-right:20%; padding-bottom:16px; margin:auto; margin-left:100px; margin-right:100px; border:none;} @media (max-width: 1650px) {.events_main_content_container {width:calc(100%-75px); padding-left:10%; padding-right:10%; margin-left:75px; margin-right:75px;}} @media (max-width: 1175px) {.events_main_content_container {width:calc(100%-40px); padding-left:16px; padding-right:16px; margin-left:20px; margin-right:20px;}} @media (max-width: 985px) {.events_main_content_container {width:100%; margin-left:0px; margin-right:0px;}} /*@media(max-width: 1000px) {.db_event_card_body_horizontal {color:#808080; padding-top:16px; padding-bottom:16px; margin-left:16px; margin-right:16px; width:90%; text-align:center;}}*/ .db_event_card_horizontal {box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19); background-color:#F7F4F4; width:100%; min-width:450px; margin-top:16px; margin-bottom:16px; display:inline-block; border-radius:8px;} @media(max-width: 475px) {.db_event_card_horizontal {min-width:360px;}} .db_event_blockdate {font-weight:bold; font-size:28pt!important; text-align:center; vertical-align:middle; min-height:250px; min-width:200px; height:250px;} @media(max-width: 1000px) {.db_event_blockdate { font-size:20pt!important;}} @media(max-width: 600px) {.db_event_blockdate { min-width:150px;}} @media(max-width: 475px) {.db_event_blockdate { font-size:18pt!important; min-width:125px; padding-left:16px;}} .db_event_blockdetails {width:100%; height:250px; vertical-align:middle; padding-left:16px; padding-right:16px; color:#808080; text-align:left;} .db_event_heading {font-weight:bold; font-size:20pt!important; text-align:center;} @media(max-width: 600px) {.db_event_heading { font-size:18pt!important;}} .db_event_title {font-weight:bold; font-size:20pt!important; text-align:left; color:#000000;} @media(max-width: 10000px) {.db_event_title { font-size:18pt!important;}} @media(max-width: 1600px) {.db_event_title { font-size:16pt!important;}} @media(max-width: 1400px) {.db_event_title { font-size:13pt!important;}} @media(max-width: 475px) {.db_event_title { font-size:11pt!important;}} .db_event_day_time {font-weight:bold;} .db_event_location {font-weight:bold;} .db_event_addr1 {margin-left: 85px;} .db_event_addr2 {margin-left: 85px;} .db_event_description {font-weight:bold; width:100%;} /********************************/ /***** Contact *****/ /********************************/ .contact_main_content_container {width:calc(100%-200px); background-color:#F0F2F8; padding-top:16px; padding-left:20%; padding-right:20%; padding-bottom:16px; margin:auto; margin-left:100px; margin-right:100px; border:none;} @media (max-width: 1650px) {.contact_main_content_container {width:calc(100%-75px); padding-left:10%; padding-right:10%; margin-left:75px; margin-right:75px;}} @media (max-width: 1175px) {.contact_main_content_container {width:calc(100%-40px); padding-left:16px; padding-right:16px; margin-left:20px; margin-right:20px;}} @media (max-width: 985px) {.contact_main_content_container {width:100%; margin-left:0px; margin-right:0px;}} .db_contact_form_wide_div {display:block; width:80%; font-weight:normal; font-size:14px; text-align:left;} @media (max-width: 1000px) {.db_contact_form_wide_div {display:block; width:95%;}} @media (max-width: 985px) {.db_contact_form_wide_div {display:block; width:100%;}} .db_contact_form_table {width:100%;} .db_td_input {text-align:left;} input {color:#51657F;} .db_submit_link_button {background-color:#2B4463!important; color:#FFFFFF!important; font-size:14px; text-align:center;} /********************************/ /***** Prayer *****/ /********************************/ .prayer_main_content_container {width:calc(100%-200px); text-align:left; background-color:#F0F2F8; padding-top:16px; padding-left:20%; padding-right:20%; padding-bottom:16px; margin:auto; margin-left:100px; margin-right:100px; border:none;} @media (max-width: 1650px) {.prayer_main_content_container {width:calc(100%-75px); padding-left:10%; padding-right:10%; margin-left:75px; margin-right:75px;}} @media (max-width: 1175px) {.prayer_main_content_container {width:calc(100%-40px); padding-left:16px; padding-right:16px; margin-left:20px; margin-right:20px;}} @media (max-width: 985px) {.prayer_main_content_container {width:100%; margin-left:0px; margin-right:0px;}} /********************************/ /***** About Us *****/ /********************************/ .about_main_content_container {width:calc(100%-200px); text-align:center; background-color:#F0F2F8; padding-top:16px; padding-left:20%; padding-right:20%; padding-bottom:16px; margin:auto; margin-left:100px; margin-right:100px; border:none;} @media (max-width: 1650px) {.about_main_content_container {width:calc(100%-75px); padding-left:10%; padding-right:10%; margin-left:75px; margin-right:75px;}} @media (max-width: 1175px) {.about_main_content_container {width:calc(100%-40px); padding-left:16px; padding-right:16px; margin-left:20px; margin-right:20px;}} @media (max-width: 985px) {.about_main_content_container {width:100%; padding-bottom:16px; margin:auto; margin-left:0px; margin-right:0px;}} img.about_pastor_image {float:right; width:300px; margin-left: 16px; margin-top: 16px; margin-bottom: 16px;} @media (max-width: 750px) {img.about_pastor_image { width:200px; margin-left: 8px; margin-top: 8px; margin-bottom: 8px;}} @media (max-width: 570px) {img.about_pastor_image {float:left; margin-left: 4px; margin-top: 8px; margin-right: 8px;}} img.heart_image {position:relative; width:80%; margin:auto;} /********************************/ /***** Watch Us *****/ /********************************/ .live_main_content_container {width:calc(100%-200px); text-align:center; background-color:#F0F2F8; padding-top:16px; padding-left:20px; padding-right:20px; padding-bottom:16px; margin:auto; margin-left:100px; margin-right:100px; border:none;} @media (max-width: 1650px) {.live_main_content_container {width:calc(100%-75px); padding-left:16px; padding-right:16px; margin-left:75px; margin-right:75px;}} @media (max-width: 1175px) {.live_main_content_container {width:calc(100%-40px); margin-left:20px; margin-right:20px;}} @media (max-width: 985px) {.live_main_content_container {width:100%; margin-left:0px; margin-right:0px;}} /********************************/ /***** Visit Us *****/ /********************************/ .visit_main_content_container {width:calc(100%-200px); text-align:center; background-color:#F0F2F8; padding-top:16px; padding-left:20%; padding-right:20%; padding-bottom:16px; margin:auto; margin-left:100px; margin-right:100px; border:none;} @media (max-width: 1650px) {.visit_main_content_container {width:calc(100%-75px); padding-left:10%; padding-right:10%; margin-left:75px; margin-right:75px;}} @media (max-width: 1175px) {.visit_main_content_container {width:calc(100%-40px); padding-left:16px; padding-right:16px; margin-left:20px; margin-right:20px;}} @media (max-width: 985px) {.visit_main_content_container {width:100%; margin-left:0px; margin-right:0px;}}