@charset "UTF-8";

::selection {
    color: #fff;
    background-color: #3c4646;
}
a {
	color: #3a4978;
}
a:hover, a:focus {
	color: #cbd23b;
}

/*--------------------------------------------------
Main Menu
----------------------------------------------------*/
.u-header-toggler--top-right, .u-header-toggler--top-right.btn {
	position: absolute;
    top: 0;
	right: 0;
    border-radius: 0;
	border: none;
	height: 100px;
	width: 100px;
	background-color:rgba(255, 255, 255, 0);
}
.btn:not(.btn-secondary):not([class*=btn-outline-]):not(.btn-link) {
    box-shadow: 0 0 0 0 rgba(0,0,0,.0);
    border: 0;
}
.g-bg-black-opacity-0_8 {
    background-color: rgba(45, 45, 45, 0.8) !important;
}
.hamburger {
    padding: 0;
}
.hamburger:hover {
    opacity: 1;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	width: 40px;
    background-color: #FFF;
	height: 3px;
	border-radius: 0px;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
  .hamburger-inner::before {
    top: -10px;
}
  .hamburger-inner::after {
    bottom: -10px;
}
.cc-main-menu {
	font-family: Raleway, sans-serif;
	font-weight: 800;
	font-size: 18px;
	line-height: 30px;
	padding: 30px 0 0 30px;
}
.cc-main-menu a {
	display: block;
	color: #fff;
	transition: .2s ease;
}
.cc-main-menu a:hover, .cc-main-menu a:focus {
	color: #cbd23b;
}

/*--------------------------------------------------
Header
----------------------------------------------------*/
.ch-logo-left {
	width: 160px;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 100;
}
.ch-logo-sub {
	width: 100px;
	top: 30px;
	left: 30px;
}
.ch-line-green {
	height: 1px;
	background: #cbd239;
	position: absolute;
	top: 167px;
	right: 0;
	left: 0;
	z-index: 1;
}
.ch-line-sub {
	top: 102px;
}
.ch-line-blue {
	background: #3a4978;
}
.ch-line-pink {
	background: #e04164;
}
.ch-line-teal {
	background: #59bec0;
}
.ch-line-orange {
	background: #e46f24;
}
.ch-fb {
	position: absolute;
	top: 26px;
	right: 155px;
	font-size: 31px;
	z-index: 2;
	color: #cbd239;
	transition: .2s ease;
}
.ch-fb-sub {
	color: #3a4978;
}
.ch-fb:hover, .ch-fb:focus {
	color: #fff;
}
.ch-tw {
	position: absolute;
	top: 20px;
	right: 98px;
	font-size: 38px;
	z-index: 2;
	color: #cbd239;
	transition: .2s ease;
}
.ch-tw-sub {
	color: #3a4978;
}
.ch-tw:hover, .ch-tw:focus {
	color: #fff;
}

/*--------------------------------------------------
Right Hand Side Menu
----------------------------------------------------*/
.ch-menu {
	position: fixed;
	width: 210px;
	height: 55px;
	line-height: 55px;
	top: 200px;
	right: 0;
	font-size: 24px;
	z-index: 3;
	transition: .2s ease;
	cursor: pointer;
	color: #c6c6c6;
	font-family: Raleway, sans-serif;
	font-weight: 800;
	letter-spacing: 1px;
	padding: 0 0 0 10px;
	background: #333;
}
.ch-m-kids {
	top: 260px;
}
.ch-m-groups {
	top: 320px;
}
.ch-m-youth {
	top: 380px;
}
.ch-m-events {
	top: 440px;
}
.ch-m-talks {
	top: 500px;
}
.ch-menu:hover, .ch-menu:focus {
	color: #fff;
}
.ch-disk {
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #a6a6a6;
	margin:  0 8px 0 0;
}
.dk-green {
	background: #cbd23b;
}
.dk-pink {
	background: #e04164;
}
.dk-orange {
	background: #e46f24;
}
.dk-blue {
    background: #3a4978;
}
.dk-dark-grey {
    background: #666;
}

/*--------------------------------------------------
Slides
----------------------------------------------------*/
.zeus .tp-bullet-image, .zeus .tp-bullet-imageoverlay {
    background: #000;
    background: rgba(0,0,0,0.1);
    bottom: 25px;
    left: 50%;
    margin-left: -65px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0px;
}
.tp-caption.BigBold-Title, .BigBold-Title {
    letter-spacing: 2px;
}

/*--------------------------------------------------
Circular Scroll Button
----------------------------------------------------*/
.scr-but {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	background: #333;
	position: absolute;
	bottom: 20px;
	right: 0;
	left: 0;
	cursor: pointer;
	transition: .2s ease;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
	text-align: center;
	color: #cbd23b;
	font-size: 24px;
	line-height: 80px;
}
.scr-but:hover, .scr-but:focus {
	color: #fff;
}
.round-but-footer {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	position: relative;
	top: -40px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
	text-align: center;
	background: #cbd23b;
	color: #444;
	font-size: 24px;
	line-height: 80px;
}
.round-but-call {
	color: #555;
	font-size: 40px;
}
.round-but-give {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	position: relative;
	top: -40px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
	text-align: center;
	background: #3a4978;
}
.give-sundays {
	width: 70px;
	margin-top: 5px;
}
.give-standing-order {
	width: 39px;
	margin-top: 22px;
	margin-left: 3px;
}
.give-online {
	width: 38px;
	margin-top: 22px;
	margin-right: 1px;
}
.give-gift-aid {
	width: 46px;
	margin-top: 20px;
	margin-left: 4px;
}
.say-one-for-me {
	width: 54px;
	margin-top: 22px;
    margin-right: 1px;
}

/*--------------------------------------------------
Parallaxer
----------------------------------------------------*/
.dzsparallaxer:not(.mode-oneelement) {
    background-color: #FFF;
	overflow: visible;
}

/*--------------------------------------------------
Sections
----------------------------------------------------*/
.ch-panel-std {
	padding: 140px 0 150px 0;
}
.ch-panel-events {
	padding: 140px 0 150px 0;
}
.ch-panel-sub-header {
	padding: 250px 0 100px 0;
}
.ch-panel-text-header {
	padding: 310px 0 80px 0;
}
.ch-panel-sub {
	padding: 50px 0 90px 0;
}
.ch-panel-equal {
	padding: 100px 0 100px 0;
}
.ch-panel-calendar {
	padding: 170px 0 40px 0;
    margin-bottom: 50px;
}
.ch-panel-bottom {
	padding: 0 0 60px 0;
}
.sunday-block {
	padding: 0 30px 0 30px;
}

/*--------------------------------------------------
Text
----------------------------------------------------*/
p {
	font-family: Raleway, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.2rem;
	line-height: 1.7;
	letter-spacing: 1px;
	color: #333;
	margin: 0 20px 0 20px;
}
li {
    font-family: Raleway, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.2rem;
	line-height: 1.7;
	letter-spacing: 1px;
	color: #333;
    margin-bottom: 10px;
    margin-right: 10px;
}
.lead {
	font-weight: 600;
	font-size: 1.9rem;
}
.mission {
	font-weight: 800;
	font-size: 2.5rem;
}
.title {
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.ch-life-circle {
	width: 130px;
	margin: 0 10px 0 10px;
}
.ch-headline {
	font-family: Raleway, sans-serif;
	font-weight: 800;
	font-size: 4rem;
	line-height: 4rem;
	letter-spacing: 2px;
	padding: 0;
	margin: 0;
}
.ch-head-text {
	font-size: 4.8rem;
	line-height: 4.8rem;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.ch-title-block {
	display: inline-block;
	width: 700px;
	position: absolute;
	bottom: -35px;
	vertical-align: middle;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 200px;
	padding: 50px;
	font-family: Raleway, sans-serif;
	font-weight: 800;
	font-size: 3rem;
	line-height: 1.6;
	letter-spacing: 1px;
	text-decoration: underline;
}
.ch-title-calendar {
	background: #f3f3f3;
}
.ch-title-events {
	background: #e6e6e6;
}
.ch-highlight {
	text-decoration: underline;
}
.ch-kids a {
	color: #e04164;
}
.ch-kids a:hover, .ch-kids a:focus {
    text-decoration: underline !important;
}
.ch-youth a {
	color: #e46f24;
}
.ch-youth a:hover, .ch-youth a:focus {
    text-decoration: underline !important;
}
.ch-sundays a {
	color: #333333;
}
.ch-sundays a:hover, .ch-sundays a:focus {
    text-decoration: underline !important;
}
.ch-groups a {
	color: #333333;
}
.ch-groups a:hover, .ch-groups a:focus {
    text-decoration: underline !important;
}
.ch-book-header {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
.ch-book-footer {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}

/*--------------------------------------------------
More Button
----------------------------------------------------*/
.more-but {
	display: inline-block;
	white-space: nowrap;
	position: relative;
    transition: .2s ease;
    vertical-align: middle;
    text-transform: uppercase;
    border: 1px solid #333;
    outline: none;
    cursor: pointer;
    text-align: center;
	font-family: Raleway, sans-serif;
	font-style: normal;
    font-weight: 600;
    font-size: 13px;
	line-height: 13px;
	letter-spacing: 3px;
	color: #fff;
	background: #333;
    padding: 15px 50px;
}
.more-but:hover, .more-but:focus {
    border: 1px solid #3a4978;
	background: #3a4978;
	color: #cbd23b;
}
.mb-pink:hover, .mb-pink:focus {
    border: 1px solid #e04164;
	background: #e04164;
	color: #cbd23b;
}
.mb-orange:hover, .mb-orange:focus {
    border: 1px solid #e46f24;
	background: #e46f24;
	color: #cbd23b;
}
.mb-green:hover, .mb-green:focus {
    border: 1px solid #cbd23b;
	background: #cbd23b;
	color: #3a4978;
}
.mb-blue {
    border: 1px solid #3a4978;
	background: #3a4978;
	color: #cbd23b;
}
.mb-blue:hover, .mb-blue:focus {
    border: 1px solid #cbd23b;
	background: #cbd23b;
	color: #3a4978;
}

/*--------------------------------------------------
Logos
----------------------------------------------------*/
.ch-logo-kids {
	display: inline-block;
	width: 140px;
	margin: 0 0 30px 0;
}
.ch-logo-youth {
	display: inline-block;
	width: 140px;
	margin: 0 0 30px 0;
}
.u-ns-bg-v1-left--md::before, .u-ns-bg-v1-right--md::before {
    top: 50%;
    margin-top: -20px;
}
.u-ns-bg-v1-right--md::before {
    right: -40px;
    border-width: 20px 0 20px 25px;
}
.u-ns-bg-v1-right--md.g-bg-chblue::before {
    border-left-color: #3d4876;
}

/*--------------------------------------------------
Colors
----------------------------------------------------*/
.ch-bg-blue {
    background-color: rgba(58, 73, 119, 0.8) !important;
}
.ch-bg-main-blue {
    background-color: rgba(61, 72, 118,1);
}
.g-bg-chblue {
	background-color: #3d4876 !important;
}
.g-bg-chwhite {
	background-color: #FFFFFF !important;
}
.ch-blue {
    color: #3a4978;
}
.ch-bg-green {
	background-color: rgba(203, 210, 59, 1);
}
.ch-green {
    color: #cbd23b;
}
.ch-orange {
	color: #e46f24;
}
.ch-bg-orange {
	background: #e46f24;
}
.ch-pink {
	color: #e04164;
}
.ch-bg-pink {
	background: #e04164;
}
.ch-white {
    color: #fff;
}
.ch-bg-light-grey {
    background: #f6f6f6;
}
.ch-light-grey {
    color: #c6c6c6;
}
.ch-bg-midish-grey {
	background: #555;
}
.ch-bg-darkish-grey {
	background: #444;
}
.ch-bg-main-grey {
	background: #333;
}
.ch-bg-mid-grey {
    background: #b6b6b6;
}
.ch-mid-grey {
    color: #777777;
}
.ch-bg-grey {
	background-color: rgba(220, 220, 220, 1);
}
.ch-bg-dark-grey {
	background-color: rgba(180, 180, 180, 1);
}
.ch-teal {
    color: #11bfc5;
}

/*--------------------------------------------------
Margins
----------------------------------------------------*/
.ch-mg-1 {
	margin-bottom: 10px;
}
.ch-mg-2 {
	margin-bottom: 20px;
}
.ch-mg-3 {
	margin-bottom: 30px;
}
.ch-mg-4 {
	margin-bottom: 40px;
}
.ch-mg-5 {
	margin-bottom: 40px;
}
.ch-mg-minus {
	margin-top: -30px !important;
}

/*--------------------------------------------------
Map
----------------------------------------------------*/
#map {
	height: 400px;
	width: 100%;
}
.map-text {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1.25;
    font-size: 1.1rem;
}

/*--------------------------------------------------
Footer
----------------------------------------------------*/
.footer a {
	color: #777;
}
.footer a:hover, .footer a:focus {
	color: #888;
}


/*--------------------------------------------------
Alert
----------------------------------------------------*/
.alert {
    padding: 18px 24px 0 24px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5;
}
.al-home {
    position: fixed;
    margin-right: auto;
    margin-left: auto;
    width: 650px;
    top: 10px;
    right: 10px;
    left: 10px;
    z-index: 999;
    background-color: #333;
}
.al-advert {
    padding: 10px;
    width: 500px;
}
.al-home:hover, .al-home:focus {
    background-color: #3d4876;
}
.close {
    float: right;
    font-size: 1.5rem;
    line-height: 1;
    color: #000;
    text-shadow: none;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.alert-dismissible .close {
    position: relative;
    top: 5px;
    right: 5px;
    padding: 18px 24px;
    color: inherit;
}
.alert-dismissible .close>span:not(.sr-only) {
    background-color: rgba(255,255,255,.2);
    line-height: 24px;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    font-size: 1.1rem;
    display: block;
}
.close-ad {
    position: absolute !important;
    padding: 0 !important;
}
.media {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.media a {
	color: #fff;
    text-decoration: underline !important;
}
.media a:hover, .media a:focus {
	color: #cbd23b;
}
.alert-connect {
    width: 50px;
}
.media-advert {
    margin: 0;
}

/*--------------------------------------------------
Connect Section
----------------------------------------------------*/
.connect-block {
    margin-top: 50px;
}
.connect-logo {
    width: 250px;
    margin-right: auto;
    margin-left: auto;
}
.connect h2, .connect h3 {
    font-family: Roboto, sans-serif;
    font-size: 1.8rem;
}
.connect p {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
}
.connect a {
	color: #1351a2;
    text-decoration: underline !important;
}
.connect a:hover, .connect a:focus {
	color: #13e5d3;
}
.u-div-connect {
    margin: 40px 0 40px 0;
}
.connect-menu {
    background-color: rgba(20,228,211,.6) !important;
    margin-right: 30px;
    margin-bottom: 5px;
    padding-left: 10px;
}






/*--------------------------------------------------
Large devices (desktops, less than 1200px)
----------------------------------------------------*/
@media (max-width: 1199px) {

.ch-logo-left {
	width: 150px;
}
.ch-logo-sub {
	width: 100px;
	top: 30px;
	left: 30px;
}
.ch-line-green {
	top: 159px;
}
.ch-line-sub {
	top: 102px;
}
.ch-menu {
	width: 180px;
	height: 44px;
	line-height: 44px;
	font-size: 22px;
}
.ch-m-kids {
	top: 250px;
}
.ch-m-groups {
	top: 300px;
}
.ch-m-youth {
	top: 350px;
}
.ch-m-events {
	top: 400px;
}
.ch-m-talks {
	top: 450px;
}
.ch-disk {
	width: 12px;
	height: 12px;
	border-radius: 6px;
}
.ch-panel-std {
	padding: 100px 0 0 0;
}
.ch-panel-events {
	padding: 90px 0 0 0;
}
.ch-panel-text-header {
	padding: 280px 0 65px 0;
}
.sunday-block {
	padding: 0 25px 0 25px;
}
.ch-mg-5 {
	margin-bottom: 30px;
}
p, li {
	font-size: 1.2rem;
}
.lead {
	font-size: 1.4rem;
}
.ch-title-block {
	width: 600px;
	margin-top: 200px;
	padding: 45px;
	font-size: 2.7rem;
}
.ch-book-header {
	width: 400px;
	margin-bottom: 20px;
}
.ch-book-footer {
	width: 400px;
	margin-top: 30px;
}
.more-but {
    font-size: 12px;
	line-height: 12px;
	letter-spacing: 2px;
    padding: 13px 25px;
	margin: 0 0 100px 0;
}
.m-b-ky {
	margin: 0;
}
.ch-logo-kids {
	width: 100px;
	margin: 0 0 20px 0;
}
.ch-logo-youth {
	width: 100px;
	margin: 0 0 20px 0;
}
.ch-life-circle {
	width: 120px;
	margin: 0 10px 20px 10px;
}
.ch-headline {
	font-size: 2.8rem;
	line-height: 3.3rem;
}
.ch-head-text {
	font-size: 4rem;
	line-height: 4rem;
}
.ch-panel-sub {
	padding: 50px 0 70px 0;
}
.ch-panel-bottom {
	padding: 0 0 50px 0;
}
.connect-block {
    margin-top: 50px;
}
	
}

/*--------------------------------------------------
IPAD Portrait - Medium devices (tablets, less than 992px)
----------------------------------------------------*/
@media (max-width: 991px) {

.ch-logo-left {
	width: 140px;
}
.ch-logo-sub {
	width: 100px;
	top: 30px;
	left: 30px;
}
.ch-line-green {
	top: 152px;
}
.ch-line-sub {
	top: 102px;
}
.ch-panel-std {
	padding: 100px 0 0 0;
}
.ch-panel-events {
	padding: 90px 0 0 0;
}
.ch-panel-text-header {
	padding: 280px 0 75px 0;
}
.ch-mg-5 {
	margin-bottom: 40px;
}
p, li {
	font-size: 1.2rem;
}
.lead {
	font-size: 1.4rem;
}
.mission {
	font-size: 2.3rem;
}
.ch-title-block {
	width: 500px;
	margin-top: 200px;
	padding: 40px;
	font-size: 2.5rem;
}
.ch-book-header {
	width: 400px;
	margin-bottom: 20px;
}
.ch-book-footer {
	width: 400px;
	margin-top: 30px;
}
.more-but {
    font-size: 12px;
	line-height: 12px;
	letter-spacing: 2px;
    padding: 13px 25px;
	margin: 0 0 100px 0;
}
.ch-logo-kids {
	width: 130px;
	margin: 100px 0 40px 0;
}
.ch-logo-youth {
	width: 130px;
	margin: 100px 0 40px 0;
}
.ch-life-circle {
	width: 130px;
	margin: 0 10px 20px 10px;
}
.ch-panel-sub-header {
	padding: 300px 0 60px 0;
}
.ch-headline {
	font-size: 2.7rem;
	line-height: 3.2rem;
	letter-spacing: 2px;
}
.ch-head-text {
	font-size: 3.5rem;
	line-height: 3.5rem;
}
.ch-panel-sub {
	padding: 50px 0 70px 0;
}
.ch-panel-bottom {
	padding: 0 0 40px 0;
}
.sunday-block {
	padding: 0 20px 0 20px;
}
.sunday-block p {
	font-size: 0.8rem;
}
.alert {
    font-size: 1rem;
}
.al-home {
    width: 600px;
}
.connect-block {
    margin-top: 50px;
}
.connect-logo {
    width: 200px;
}
.connect h2, .connect h3 {
    font-size: 1.6rem;
}
.connect p {
    font-size: 0.9rem;
}
.u-div-connect {
    margin: 30px 0 30px 0;
}
.alert-connect {
    width: 46px;
}
	
}

/*--------------------------------------------------
Small devices (landscape phones, less than 768px)
----------------------------------------------------*/
@media (max-width: 767px) {

.ch-logo-left {
	width: 130px;
	top: 40px;
	left: 40px;
}
.ch-logo-sub {
	width: 100px;
	top: 30px;
	left: 30px;
}
.ch-line-green {
	top: 135px;
}
.ch-line-sub {
	top: 102px;
}
.ch-menu {
	display: none;
}
.ch-panel-std {
	padding: 80px 0 0 0;
}
.ch-panel-events {
	padding: 70px 0 0 0;
}
.ch-panel-sub {
	padding: 40px 0 50px 0;
}
.ch-panel-text-header {
	padding: 260px 0 75px 0;
}
.ch-mg-5 {
	margin-bottom: 30px;
}
p, li {
	font-size: 1.1rem;
	font-weight: 600;
}
.lead {
	font-size: 1.3rem;
}
.mission {
	font-size: 2rem;
}
.ch-title-block {
	width: 450px;
	margin-top: 200px;
	padding: 35px;
	font-size: 2.3rem;
}
.ch-book-header {
	width: 300px;
	margin-bottom: 20px;
}
.ch-book-footer {
	width: 300px;
	margin-top: 30px;
}
.more-but {
    font-size: 12px;
	line-height: 12px;
	letter-spacing: 2px;
    padding: 13px 25px;
	margin: 0 0 80px 0;
}
.ch-logo-kids {
	width: 130px;
	margin: 70px 0 25px 0;
}
.ch-logo-youth {
	width: 130px;
	margin: 70px 0 25px 0;
}
.ch-life-circle {
	width: 110px;
	margin: 0 5px 10px 5px;
}
.ch-panel-sub-header {
	padding: 250px 0 50px 0;
}
.ch-headline {
	font-size: 2.3rem;
	line-height: 2.8rem;
	letter-spacing: 1px;
}
.ch-head-text {
	font-size: 3.1rem;
	line-height: 3.1rem;
}
.ch-panel-youth {
	padding-top: 0;
}
.sunday-block {
	padding: 40px 20px 40px 20px;
}
.sunday-block p {
	font-size: 1.1rem;
}
.alert {
    font-size: 1rem;
}
.al-home {
    width: auto;
}
.connect-block {
    margin-top: 50px;
    width: 300px;
}
.connect-disk-right {
    margin-left: 0.92857rem;
}
.connect h2, .connect h3 {
    font-size: 1.6rem;
}
.connect p {
    font-size: 0.9rem;
}
.alert-connect {
    width: 46px;
}

}

/*--------------------------------------------------
IP6 6+ - Extra small devices (portrait phones, less than 576px)
----------------------------------------------------*/
@media (max-width: 575px) {

.u-header-toggler--top-right, .u-header-toggler--top-right.btn {
	height: 84px;
}
.ch-logo-left {
	width: 120px;
	top: 30px;
	left: 30px;
}
.ch-logo-sub {
	width: 70px;
	top: 18px;
	left: 20px;
}
.ch-line-green {
	top: 118px;
}
.ch-line-sub {
	top: 69px;
}
.ch-fb {
	top: 17px;
	right: 135px;
}
.ch-tw {
	top: 11px;
	right: 87px;
}
.ch-panel-std {
	padding: 80px 0 0 0;
}
.ch-panel-events {
	padding: 70px 0 0 0;
}
.ch-mg-5 {
	margin-bottom: 30px;
}
p, li {
	font-size: 1.1rem;
}
.lead {
	font-size: 1.1rem;
}
.mission {
	font-size: 1.7rem;
}
.ch-title-block {
	width: 330px;
	margin-top: 180px;
	padding: 35px 0 35px 0;
	font-size: 1.8rem;
}
.ch-book-header {
	width: 200px;
	margin-bottom: 20px;
}
.ch-book-footer {
	width: 200px;
	margin-top: 30px;
}
.more-but {
    font-size: 12px;
	line-height: 12px;
	letter-spacing: 2px;
    padding: 13px 25px;
	margin: 0 0 80px 0;
}
.ch-logo-kids {
	width: 120px;
	margin: 70px 0 25px 0;
}
.ch-logo-youth {
	width: 120px;
	margin: 70px 0 25px 0;
}
.ch-life-circle {
	width: 100px;
	margin: 0 5px 10px 5px;
}
.ch-panel-sub-header {
	padding: 250px 0 50px 0;
}
.ch-headline {
	font-size: 2.3rem;
	line-height: 2.8rem;
	letter-spacing: 1px;
}
.ch-panel-equal {
	padding: 60px 0 60px 0;
}
.ch-panel-youth {
	padding-top: 0;
}
.ch-panel-bottom {
	padding: 0 0 20px 0;
}
.ch-panel-text-header {
	padding: 240px 0 65px 0;
}
.connect-block {
    margin-top: 60px;
    padding: 20px 10px 10px 5px;
    width: 180px;
}
.connect-disk-right {
    margin-left: 0.92857rem;
}
.connect-logo {
    width: 100px;
    margin-bottom: 20px;
}
.u-div-connect {
    margin: 20px 0 20px 0;
}
.alert-connect {
    width: 44px;
}

}

/*--------------------------------------------------
IP5 - Extra small devices (portrait phones, less than 320px)
----------------------------------------------------*/
@media (max-width: 320px) {

.u-header-toggler--top-right, .u-header-toggler--top-right.btn {
	height: 68px;
	width: 80px;
}
.hamburger-box {
    width: 35px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	width: 35px;
}
body[class*="u-body--header-side"] .u-header.u-header--side {
    position: fixed;
    top: 0;
    height: 100%;
    width: 18rem;
}
.cc-main-menu {
	padding: 20px 0 0 20px;
	font-size: 16px;
}
.ch-logo-left {
	width: 100px;
	top: 20px;
	left: 20px;
}
.ch-logo-sub {
	width: 75px;
	top: 16px;
	left: 20px;
}
.ch-line-green {
	top: 93px;
}
.ch-line-sub {
	top: 71px;
}
.ch-fb {
	top: 10px;
	right: 125px;
}
.ch-tw {
	top: 3px;
	right: 77px;
}
.tp-caption.BigBold-Title, .BigBold-Title {
    letter-spacing: 1px;
}
.scr-but {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	bottom: 30px;
	font-size: 20px;
	line-height: 60px;
}
.ch-panel-std {
	padding: 80px 0 0 0;
}
.ch-panel-events {
	padding: 70px 0 0 0;
}
.ch-mg-5 {
	margin-bottom: 30px;
}
p, li {
	font-size: 1rem;
}
.lead {
	font-size: 1.2rem;
}
.mission {
	font-size: 1.5rem;
}
.ch-title-block {
	width: 280px;
	margin-top: 160px;
	padding: 35px 0 35px 0;
	font-size: 1.6rem;
}
.ch-book-header {
	width: 200px;
	margin-bottom: 20px;
}
.ch-book-footer {
	width: 200px;
	margin-top: 30px;
}
.more-but {
    font-size: 12px;
	line-height: 12px;
	letter-spacing: 2px;
    padding: 13px 25px;
	margin: 0 0 80px 0;
}
.ch-logo-kids {
	width: 100px;
	margin: 70px 0 25px 0;
}
.ch-logo-youth {
	width: 100px;
	margin: 70px 0 25px 0;
}
.ch-life-circle {
	width: 100px;
	margin: 0 5px 10px 5px;
}
.ch-panel-sub-header {
	padding: 210px 0 50px 0;
}
.ch-headline {
	font-size: 2.2rem;
	line-height: 2.7rem;
	letter-spacing: 1px;
}
.ch-panel-equal {
	padding: 60px 0 60px 0;
}
.ch-panel-youth {
	padding-top: 0;
}
.ch-panel-bottom {
	padding: 0 0 20px 0;
}
.ch-panel-text-header {
	padding: 240px 0 65px 0;
}
.connect-block {
    margin-top: 50px;
    width: 200px;
}
.connect-disk-right {
    margin-left: 0.92857rem;
}
.connect-logo {
    width: 100px;
}
	
}