/*
	Theme Name: BforB International
	Author: James Dunn Freelance
	Description: ACF theme
	Version: 1.0
*/

html
{
	margin: 0;
	padding: 0;
}

body
{
	padding: 0;
	margin: 0px auto;
	height: 100%;
	font-size: 16px;
}

.back
{

}

#wrapper
{
	width: 100%;
}

#nav
{
	position: absolute;
	top: 0;
	background-color: transparent;
	/*margin: 0px auto;*/
	margin-top: 1rem;
	z-index: 999;
	width: 100%;
}

#nav .desktop-nav .menu
{
	list-style: none;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

#nav .desktop-nav .menu-item
{
	margin: 0em 0.5em;
}

#nav .desktop-nav .menu-item a
{
	color: #fff;
	font-family: Aeonik Regular,sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}

.about-us-page #nav .desktop-nav .menu-item a, .blog-page #nav .desktop-nav .menu-item a, .podcast-page #nav .desktop-nav .menu-item a
{
	color: #000;
}

#nav .menu-item .sub-menu
{
	padding: 0;
    list-style: none;
    display: none;
}

#nav .menu-item .sub-menu .menu-item
{
	margin: 0;
}

#nav .menu-item-has-children:hover .sub-menu
{
	display: block;
	position: absolute;
    z-index: 1000;
    background-color: #fff;
    padding: 1em;
    margin: 0 0 0 -1em;
}

.desktop-nav
{
	display: flex;
	/*margin-top: 20px;*/
	align-items: center;
	justify-content: center;
}

.desktop-nav .menu-primary-container
{
	width: 75%;
	margin-left: 3em;
}

.desktop-nav .contact-header-menu
{
	display: block;
	font-family: Aeonik Regular, sans-serif;
	font-weight: 700;
	border: 1px solid #fff;
	border-radius: 25px;
	padding: 0.75rem 1.5rem;
	color: #fff;
	text-decoration: none;
}

.about-us-page .desktop-nav .contact-header-menu, .blog-page .desktop-nav .contact-header-menu
{
	color: #000;
	border: 1px solid #000;
}

.mobile-nav
{
	display: none;
}

.mobile-nav .main-nav-container a
{
	text-decoration: none;
}

.header-hero, .stacking-divs .card-item.card-1
{
	height: 100vh;
	display: flex;
	position: relative;
}

.stacking-divs .card-item.card-1 .home-call-btn, .stacking-divs .card-item.card-1 .home-agent-btn
{
	color: #fff;
	border-radius: 25px;
	border: 1px solid #fff;
	text-decoration: none;
	padding: 1rem 2rem;
	margin: 2rem 0rem;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	font-family: Questrial, sans-serif;
}

.stacking-divs .card-item.card-1 .home-agent-btn
{
	background-color: rgba(255, 255, 255, 0.1);
	border: none;
	background-image: url(images/home-button-agent-button.svg);
	background-repeat: no-repeat;
	width: 200px;
    height: 10px;
}

.header-hero div, .stacking-divs .card-item.card-1
{
	align-content: center;
}

.header-hero .text-wrapper, .stacking-divs .card-item.card-1 .text-wrapper
{
	width: 50%;
    margin-left: 15rem;
}

.header-hero h1, .stacking-divs .card-item.card-1 h1
{
	font-family: Aeonik Regular, sans-serif;
	font-size: 72px;
	font-weight: 700;
	line-height: 82px;
	color: #fff;
	margin: 0;
}

.header-hero h2, .stacking-divs .card-item.card-1 h2
{
	font-family: Questrial, sans-serif;
	font-size: 24px;
	color: #fff;
	font-weight: 400;
	line-height: 2.2rem;
}

.stacking-divs .card-item.card-1
{
	height: 92vh;
}

.stacking-divs .card-item.card-1 .bottom-bar
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    color: #fff;
    align-items: center;
    justify-content: space-around;
    padding: 1rem 2rem;
    background-color: rgba(255, 255, 255, 0.4);
}

.stacking-divs .card-item.card-1 .bottom-bar div, .stacking-divs .card-item.card-1 .bottom-bar div p
{
	font-family: Aeonik Regular, sans-serif;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}

.stacking-divs .card-item.card-1 .bottom-bar div
{
	display: flex;
	padding: 0rem 2rem;
}

.stacking-divs .card-item.card-last
{
	display: block;
}

.stacking-divs .card-item.card-last .card-selector
{
	width: 100%;
    display: flex;
}

.stacking-divs .card-item.card-last .card-selector a
{
	font-family: Aeonik Regular, sans-serif;
	color: rgb(217, 217, 217);
	font-size: 40px;
	font-weight: 700;
	border-bottom: 5px solid #D9D9D9;
	text-decoration: none;
	width: 50%;
}

.stacking-divs .card-item.card-last .card-selector a.active
{
	color: #000;
	border-bottom: 5px solid #B884CB;
}

.stacking-divs .card-item.card-last .card-selector a.club-right
{
	text-align: right;
}

.stacking-divs .card-item.card-last .card-show
{
	display: flex;
}

.stacking-divs .card-item.card-last .card-hide
{
	display: none;
}

.animated-boxes .animated-box-wrapper
{
	display: flex;
    color: #fff;
    margin: 0rem 6rem;
}

.animated-boxes .animated-box-wrapper div
{
	padding: 5rem 4rem;
	margin: 0rem 2rem;
	border-radius: 25px;
}

.animated-boxes .animated-box-wrapper div h2
{
	font-family: Aeonik Regular, sans-serif;
	font-weight: 700;
	font-size: 48px;
}

.animated-boxes .animated-box-wrapper div p
{
	font-family: Questrial, sans-serif;
	font-size: 18px;
}

.animated-boxes .animated-box-wrapper a
{
	font-family: Aeonik Regular, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 0.8rem 0.9rem;
	border-radius: 100px;
	margin-top: 2rem;
	display: inline-block;
}

.animated-boxes .animated-box-wrapper .box_0 a
{
	background-color: #001489;
}

.animated-boxes .animated-box-wrapper .box_1 a
{
	background-color: #b884cb;
}

.animated-boxes .animated-box-wrapper .box_2 a
{
	background-color: #232323;
}

section.contact
{
	background-color: #121212;
	padding: 7.5rem 0rem;
}

section.contact .contact-wrapper
{
	display: flex;
    align-items: center;
}

section.contact .text-wrapper
{
	font-family: Aeonik Regular, sans-serif;
	color: #fff;
	padding: 0rem 8rem;
}

section.contact .form
{
	padding: 0rem 8rem;
}

section.contact .form input, section.contact .form input:focus, section.contact .form textarea, section.contact .form textarea:focus
{
	background-color: #323232;
	font-family: Questrial, sans-serif;
	border: none;
	color: #fff;
	font-size: 16px;
}

section.contact .form button.ff-btn.ff-btn-submit
{
	width: 100%;
    background-color: transparent;
    border: 1px solid #757575;
    color: #757575;
    border-radius: 100px;
}

section.contact .form p
{
	font-family: Questrial, sans-serif;
	color: #fff;
	font-size: 16px;
}

.contact-email-tel, .faq-wrapper
{
	display: flex;
}

.contact .text-wrapper, .contact .form, .contact .contact-email, .contact .contact-tel, .faq .text-wrapper, .faq .accordion
{
	width: 50%;
}

section.contact .text-wrapper h1
{
	font-size: 72px;
	font-weight: 700;
}

section.contact .contact-text
{
	font-family: Questrial, sans-serif;
	font-size: 24px;
}

.faq
{
	padding: 9.375rem 5rem;
}

.faq h1
{
	font-family: Aeonik Regular, sans-serif;
	font-size: 48px;
	font-weight: 700;
	color: #121212;
}

.faq .faq-text
{
	font-family: Questrial, sans-serif;
	color: #757575;
	font-size: 18px;
}

.faq .text-wrapper .small-header
{
	font-family: Questrial, sans-serif;
	color: #8F00FF;
	font-size: 18px;
}

.faq .accordion
{
	font-family: Questrial, sans-serif;
	font-size: 23px;
	font-weight: 300;
	margin: 4rem;
}

.faq .accordion .question
{
	padding: 1rem 0rem;
	border-bottom: 1px solid #e5e7eb;
	position: relative;
}

.faq .accordion .question img
{
	 position: absolute;
    right: 5%;
}

.faq .accordion .answer
{
	color: #757575;
}

.faq .faq-wrapper .text-wrapper
{
	justify-content: flex-start;
	margin: 4rem;
}

.text-image.contact-map
{
	padding: 5rem 0rem;
}

.text-image.contact-map .header-wrapper
{
	text-align: center;
	margin-bottom: 5rem;
}

.text-image.contact-map .header-wrapper.wrapper-hide, .text-image.magazine-header .header-wrapper.wrapper-hide
{
	display: none;
}

.text-image.contact-map .header-wrapper p
{
	font-family: Questrial, sans-serif;
	font-size: 24px;
	color: #757575;
}

.text-image.contact-map .header-wrapper h2
{
	font-family: Aeonik Regular, sans-serif;
	font-size: 40px;
	font-weight: 700;
}

.text-image.contact-map .text-wrapper
{
	width: 25%;
	padding: 5rem;
}

.text-image.contact-map .text-wrapper h2
{
	font-family: Aeonik Regular, sans-serif;
	font-weight: 700;
	font-size: 24px;
}

.text-image.contact-map .text-wrapper p
{
	font-family: Questrial, sans-serif;
	font-size: 22px;
	color: #757575;
}

.text-image.contact-map .image-wrapper
{
	width: 75%;
}

.text-image.contact-map .image-wrapper img
{
	max-width: 923px;
}

.text-image-normal
{
	display: flex;
	flex-direction: row;
}

.text-image-reverse
{
	display: flex;
	flex-direction: row-reverse;
}

.text-heading-row.blog
{
	padding: 0rem 5rem;
}

.text-heading-row.blog .text-wrapper h2
{
	font-size: 54px;
	color: #000;
	font-weight: 700;
	font-family: Questrial, sans-serif;

}

.text-heading-row.blog .subtext-wrapper
{
	font-family: Questrial, sans-serif;
	font-size: 24px;
	color: #757575;
}

.text-heading-row.blog .text-image-normal, .text-heading-row.blog .text-image-reverse
{
	align-items: center;
}

.text-heading-row.blog .text-image-normal .text-wrapper
{
	margin: 4rem;
	width: 100%;
}

.text-heading-row.blog .text-image-normal .subtext-wrapper
{
	margin: 10rem;
	width: 100%;
}

.mx-auto
{
	display: block;
	margin: 0px auto;
}

.entry-header
{
	display: none;
}

.examples-wrapper
{
	display: flex;
}

.column-wrapper-outer
{
	background-color: #fff;
	padding-top: 1.5em;
}

.column-wrapper-outer > h2, .column-wrapper-outer > h3, .column-wrapper-outer > h4
{
	text-align: center;
	padding-bottom: 1.5em;
}

.column-wrapper
{
	padding-bottom: 1.5em;
	align-items: center;
}

.column-item
{
	display: flex;
    flex-direction: column;
    align-items: center;
}

.column-item img
{
    width: 100px;
}

.examples-wrapper .examples-item
{
	width: 450px;
	text-align: center;
	margin: 0 0.75em;
}

.examples-wrapper img
{
	object-fit: cover;
    width: 300px;
}

.image-wrapper img
{
	width: 100%;
}

.footer
{
	background-color: #121212;
	padding: 2.5rem 1.875rem;
	color: #ffff;
	margin: 3rem;
    border-radius: 24px;
}

.footer .footer-content
{
	display: flex;
}

.footer .footer-content div h2
{
	color: #757575;
	font-size: 14px;
	margin-bottom: 10px;
	font-family: Questrial, sans-serif;
	font-weight: 400;
}

.footer .footer-content .newsletter
{
	width: 35%;
}

.footer .footer-content .newsletter form fieldset
{
    display: flex;
    align-items: center;
}

.footer .footer-content .newsletter form fieldset input
{
	font-family: Questrial, sans-serif;
    color: #fff;
    height: 63px;
    background-color: transparent;
    border: none;
    color: #121212;
    width: 300px;
    font-family: Questrial, sans-serif;
    font-size: 16px;
}

.footer .footer-content .newsletter form fieldset .ff-el-input--label
{
	display: none;
}

.footer .footer-content .newsletter form fieldset .ff-btn-submit
{
	height: 63px;
    color: #121212;
    background-color: #fff;
    cursor: pointer;
    padding: 0rem 2rem;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-family: Questrial, sans-serif;
    font-size: 16px;
}

.footer .footer-content .newsletter h2
{
	font-family: Aeonik Regular, sans-serif;
	font-size: 36px;
	color: #fff;
}

.footer .footer-content .newsletter p
{
	color: #fff;
	font-family: Questrial, sans-serif;
	font-size: 20px;
}

.footer .footer-content .contact, .footer .footer-content .social, .footer .footer-content .contact-menu, .footer .footer-content .resources-menu
{
	width: 16.25%;
}

.footer .footer-content .contact a, .footer .footer-content .social ul li a
{
	display: block;
	text-decoration: none;
	color: #fff;
	font-family: Questrial, sans-serif;
	margin: 0rem 0rem 1rem 0rem;
}

.footer .footer-content .contact-menu #menu-contact-footer, .footer .footer-content .resources-menu #menu-resources
{
	flex-direction: column;
    align-items: flex-start;
}

.footer .footer-content ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer .footer-content .contact-menu #menu-contact-footer li, .footer .footer-content .resources-menu #menu-resources li
{
	margin: 0rem 0rem 1rem 0rem;
}

.footer .footer-content .contact-menu #menu-contact-footer li a, .footer .footer-content .resources-menu #menu-resources li a
{
	font-family: Questrial, sans-serif;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}

.footer .footer-bottom, .footer .footer-copyright
{
	display: flex;
	align-items: center;
	margin-top: 3rem;
}

.footer .footer-bottom div, .footer .footer-copyright div
{
	width: 50%;
	font-family: Questrial, sans-serif;
}

.footer .footer-copyright div:first-child
{
	color: #757575;
	font-size: 18px;
}

.footer .footer-bottom .address, .footer .footer-copyright .top
{
	font-family: Questrial, sans-serif;
	font-size: 18px;
	text-align: right;
}

.footer .footer-copyright .top a
{
	color: #fff;
}

img.logo
{
	width: 80px;
}

/* blog */
#wrapper .singlePost
{
	display: flex;
}

#wrapper #sidebar
{
	width: 35%;
}

#blogPosts
{
	padding: 3rem 5rem;
}

#blogPosts .blog-post
{
	width: 33%;
	padding: 0rem 0.75rem;
}

#wrapper .singlePost #blogPosts
{
	padding: 0em 6em;
}

#blogPosts h1
{
	font-size: 32px;
	color: #121212;
	font-family: Questrial, sans-serif;
	font-weight: 700;
	text-align: center;
}

#blogPosts .blog-post h3
{
	font-size: 36px;
	font-weight: 700;
	font-family: Questrial, sans-serif;

}

#blogPosts .blog-post h3 a
{
	text-decoration: none;
	color: #121212;
}

#blogPosts .blog-post #cat
{
	font-weight: 700;
	font-size: 20px;
	color: #757575;
    font-family: Questrial, sans-serif;
    display: flex;
}

#blogPosts .blog-post #cat a
{
	text-decoration: none;
	color: #757575;
	font-family: Questrial, sans-serif;
}

#blogPosts .blog-post .blog-link
{
	color: #121212;
	font-weight: 700;
	font-family: Aeonik Regular, sans-serif;
}

#blogPosts .blog-post .wp-post-image
{
	display: block;
	margin-top: 3.5rem;
    border-radius: 25px;
}

.recent-posts
{
	margin: 4rem;
}

.recent-posts h2
{
	color: #757575;
	font-size: 30px;
	font-family: Questrial, sans-serif;
	margin-bottom: 4rem;
}

.recent-posts .recent-post .overlay
{
	background-color: rgba(0, 0, 0, 0.3);
    padding: 4rem;
    height: 500px;
    border-radius: 24px;
}

.recent-posts .recent-post h3 a
{
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	font-family: Questrial, sans-serif;
	text-decoration: none;
}

.recent-posts .recent-post .blog-post #cat
{
	text-decoration: none;
	color: #fff;
	font-family: Questrial, sans-serif;
	font-weight: 600;
}

.recent-posts .recent-post .blog-post .blog-link
{
	color: #fff;
	border: 1px solid #fff;
	border-radius: 100px;
	font-size: 16px;
	padding: 0.75rem 1.69rem;
	text-decoration: none;
	font-weight: 700;;
    display: inline-block;
    text-align: center;
    font-family: Questrial, sans-serif;
}

.singlePost
{
	padding-top: 6rem;
}

.singlePost .top-single-post
{
	display: flex;
	flex-direction: row;
}

.singlePost .top-single-post > a
{
	display: flex;
	align-items: center;
}

.singlePost .top-single-post a, .top-single-post span
{
	text-decoration: none;
	font-size: 20px;
	color: #757575;
	font-weight: 700;
	font-family: Questrial, sans-serif;
}

.singlePost .top-single-post div, .top-single-post a
{
	width: 50%;
}

.singlePost .top-single-post div
{
	text-align: right;
}

.singlePost h1
{
	font-family: Questrial, sans-serif;
	color: #121212;
	font-weight: 700;
	font-size: 48px;
	text-align: left;
	width: 50%;
}

.singlePost .wp-post-image
{
	width: 100%;
	height: auto;
	padding: 5rem 0rem;
}

.singlePost .content
{
	font-size: 20px;
	font-family: Questrial, sans-serif;
}

.singlePost .content p, .singlePost .content ul li
{
	margin-bottom: 1.325rem;
}

.singlePost .content ul
{
	margin: 1.325rem 0rem;
	padding: 0;
}

.two-column
{
	margin: 2rem 6rem;
}

.text-image .text-wrapper, .text-image .image-wrapper, .two-column .text-wrapper, .our-team .top-section div, .our-team .text-image-normal div, .our-team .text-image-reverse div, .stacking-divs .card-item > div
{
	width: 50%;
}

.about-us-page .two-column
{
	margin-top: 7rem;
}

.two-column .two-column-wrapper
{
	display: flex;
}

.two-column h2
{
	font-family: Aeonik Regular, sans-serif;
	font-size: 40px;
	font-weight: 700;
}

.two-column .text-wrapper
{
	font-family: Questrial, sans-serif;
	font-size: 18px;
	padding: 2rem;
}

.two-column .text-wrapper p:first-child
{
	color: #121212;
	font-weight: 700;
}

.two-column .text-wrapper p
{
	color: #757575;
	font-weight: 500;
	line-height: 1.5rem;
}

.text-image.magazine-header
{
	background-color: #001489;
	padding-top: 8rem;
}

.text-image.magazine-header .image-wrapper img, .text-image.magazine-quote .image-wrapper img
{
	width: auto;
	max-width: 100%;
}

.text-image.magazine-header .text-wrapper
{
	margin: 2rem 6rem;
}

.text-image.magazine-header .text-wrapper h1
{
	font-size: 72px;
	font-weight: 700;
	color: #fff;
	font-family: Aeonik Regular, sans-serif;
}

.text-image.magazine-header .text-wrapper p
{
	font-size: 24px;
	color: #fff;
	font-family: Questrial, sans-serif;
}

.text-image.magazine-header .text-wrapper .btn
{
	color: #fff;
	font-family: Questrial, sans-serif;
	border: 1px solid #fff;
	padding: 0.75rem 1.69rem;
	border-radius: 100px;
	text-decoration: none;
	font-weight: 700;
	margin-top: 1.5rem;
	display: inline-block;
}

.text-image.magazine-header .image-wrapper
{
	align-content: end;
}


.text-image.magazine-quote
{
	margin: 2rem 6rem;
}

.text-image.magazine-quote .text-wrapper
{
	background-color: #EFEFEF;
	border-radius: 0 20px 20px 0;
	border-left: 3px solid rgba(184, 132, 203, 1);
	font-family: Aeonik Regular, sans-serif;
	padding: 2rem;
	margin-top: 10%;
	margin-bottom: 10%;
}

.text-image.magazine-quote.soon .text-wrapper
{
	background-color: #fff;
	border-radius: 0 20px 20px 0;
	border-left: none;
	font-family: Aeonik Regular, sans-serif;
	padding: 2rem;
	margin-top: 0;
	margin-bottom: 0;
}

.text-image.magazine-quote .text-wrapper p:first-child
{
	font-weight: 700;
	color: #121212;
}

.text-image.magazine-quote.soon .text-wrapper p:first-child
{
	font-weight: 700;
	color: #757575;
}

.text-image.magazine-quote .text-wrapper p
{
	font-family: Questrial, sans-serif;
	color: #757575;
}

.our-team
{
    background-color: #000;
    color: #fff;
}

.our-team .top-section, .our-team .text-image-normal, .our-team .text-image-reverse
{
	margin: 2rem 6rem;
	display: flex;
	padding: 4rem 2rem;
}

.our-team .top-section h2
{
	font-weight: 700;
	font-size: 64px;
	font-family: Aeonik Regular, sans-serif;
}

.our-team .top-section p, .our-team .text-image-normal, .our-team .text-image-reverse
{
	font-weight: 500;
	font-size: 24px;
	font-family: Questrial, sans-serif;
}

.our-team .image-wrapper img
{
	max-width: 400px;
}

.our-team .team-member .text-wrapper .team-name
{
	font-size: 40px;
	margin: 0;
}

.our-team .team-member .text-wrapper .team-country-link
{
	display: flex;
    flex-direction: row;
    align-items: center;
}

.our-team .team-member .text-wrapper .team-country-link img
{
	margin-right: 1rem;
}

.our-team .team-member .image-wrapper
{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.our-team .text-image-normal div, .our-team .text-image-reverse div
{
	width: 100%;
}

.our-team .team-member .text-wrapper .team-link, .our-team .team-member .image-wrapper a
{
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

.stacking-divs
{
	display: flex;
	flex-direction: column;
}

.stacking-divs .card-item
{
	padding: 2rem 6rem;
	background-color: #fff;
	position: sticky;
	top: 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-top: 1px solid #000;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.stacking-divs .card-item h2, .stacking-divs .card-item.card-2 h2
{
	font-weight: 700;
	font-size: 40px;
	font-family: Aeonik Regular, sans-serif;
	color: #121212;
}

.stacking-divs .card-item div p, .stacking-divs .card-item.card-2 div
{
	font-weight: 500;
	font-size: 24px;
	font-family: Questrial, sans-serif;
	color: #757575;
}

.stacking-divs .card-item .text-wrapper
{
	padding: 5rem;
}

.stacking-divs .card-item.card-2
{
	justify-content: center;
    text-align: center;
}

.stacking-divs .card-item.card-1
{
	border-radius: 0;
}

.stacking-divs .card-item.card-last .card-selector
{
	margin-top: 3rem;
	margin-bottom: 5rem;
}

.stacking-divs .card-item.card-last .find, .stacking-divs .card-item.card-last .join
{
	width: 100%;
}

.stacking-divs .card-item.card-last .find .image-wrapper, .stacking-divs .card-item.card-last .find .text-wrapper, .stacking-divs .card-item.card-last .join .image-wrapper, .stacking-divs .card-item.card-last .join .text-wrapper
{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.animated-boxes
{
	margin: 4rem 0rem;
}

.animated-boxes .heading-section
{
	padding: 2rem 0rem;
}

.animated-boxes .heading-section h2
{
	font-weight: 700;
	font-size: 40px;
	font-family: Aeonik Regular, sans-serif;
	color: #121212;
	text-align: center;
}

.animated-boxes .heading-section p
{
	font-weight: 500;
	font-size: 24px;
	font-family: Questrial, sans-serif;
	color: #757575;
	text-align: center;
}

.podcasts-wrapper, .posts-wrapper
{
	display: flex;
	flex-wrap: wrap;
}

.podcasts-wrapper .blog-post
{
	width: 25%;
    margin: 0rem 4rem;
}

@media screen and (max-width: 1024px)
{
	.mobile-nav
	{
		display: block;
	}

	.stacking-divs .card-item.card-1 h1
	{
		font-size: 50px;
    	line-height: 51px;
	}

	.header-hero .text-wrapper, .stacking-divs .card-item.card-1 .text-wrapper
	{
		width: 100%;
		margin-left: 0;
	}

	.animated-boxes .animated-box-wrapper
	{
		margin: 0rem 2rem;
	}

	.animated-boxes .animated-box-wrapper div
	{
		margin: 0rem 1rem;
	}

	.text-heading-row.blog .text-image-normal .subtext-wrapper
	{
		margin: 5rem;
	}

	section.contact .text-wrapper
	{
		padding: 0rem 5rem;
	}

	section.contact .form
	{
		padding: 0rem 2rem;
	}

	.text-image.contact-map
	{
		padding: 2rem 0rem;
	}

	.text-image.contact-map .text-wrapper, .text-image.contact-map .image-wrapper
	{
		padding: 2rem;
	}

	.faq
	{
		padding: 2rem 5rem;
	}

	.faq .faq-wrapper .text-wrapper, .faq .accordion
	{
		margin: 2rem 4rem;
	}

	.footer
	{
		width: 89%;
	}
}

@media screen and (max-width: 768px)
{
	.stacking-divs .card-item
	{
		padding: 2rem 2rem;
	}

	.header-hero .text-wrapper, .stacking-divs .card-item.card-1 .text-wrapper
	{
		width: 100%;
		margin-left: 0;
	}

	.header-hero .text-wrapper h1, .stacking-divs .card-item.card-1 h1
	{
		font-size: 35px;
		line-height: 42px;
	}

	.stacking-divs .card-item.card-1 .bottom-bar
	{
		display: none;
	}

	.stacking-divs .card-item.card-last .card-selector
	{
		margin-bottom: 3rem;
	}

	.stacking-divs .card-item.card-last .card-show
	{
		flex-direction: column;
	}

	.stacking-divs .card-item .text-wrapper
	{
		padding: 0;
	}

	.animated-boxes .animated-box-wrapper
	{
		flex-direction: column;
	}

	.text-image.contact-map .text-wrapper, .text-image.contact-map .image-wrapper
	{
		width: auto;
	}
	
	.faq .text-wrapper, .faq .accordion
	{
	    width: 74%;
	}

	.footer .footer-content
	{
		flex-direction: column;
	}

	.text-image.magazine-header .text-wrapper
	{
		margin: 2rem 3rem;
	}

	.text-image.magazine-header .text-wrapper h1
	{
		font-size: 55px;
	}

	#blogPosts
	{
		padding: 3rem 2rem;
	}

	#blogPosts .blog-post h3
	{
		font-size: 30px;
	}

	.text-heading-row.blog .text-image-normal .text-wrapper
	{
    	margin: 0rem;
	}

	section.contact .contact-wrapper
	{
		flex-direction: column;
		align-items: baseline;
	}

	section.contact .text-wrapper, section.contact .form
	{
	    width: 75%;
		padding: 0rem 3rem;
	}

	section.contact .text-wrapper h1
	{
		font-size: 55px;
	}

	.contact .contact-tel
	{
		margin-left: 2rem;
	}

	section.contact .contact-text
	{
		font-size: 17px;
	}

	.faq-wrapper
	{
		flex-direction: column;
	}

	.faq
	{
		padding: 1rem 2rem;
	}

	.text-image.contact-map .image-wrapper img
	{
		max-width: 425px;
	}

	.footer
	{
		width: 78%;
	}

	.two-column, .our-team .top-section, .our-team .text-image-normal, .our-team .text-image-reverse
	{
		margin: 2rem 2rem;
	}

	.team-member.text-image-reverse .text-wrapper
	{
		margin-left: 2rem;
	}

	.team-member.text-image-normal .text-wrapper
	{
		margin-right: 2rem;
	}

	.team-bio
	{
		font-size: 16px;
	}
	
	.podcasts-wrapper .blog-post
	{
	    margin: 0rem 3rem;
	}
	
	.text-heading-row.blog .text-image-normal
	{
	    flex-direction: column;
	}
	
	.text-heading-row.blog .text-image-normal
	{
	    margin-top: 3rem;
	}
}

@media screen and (max-width: 425px)
{
    .about-us-page .two-column
    {
        margin-top: 3rem;
    }
    
	.text-image-normal
	{
		flex-direction: column;
	}

	#blogPosts
	{
		padding: 0;
	}

	#blogPosts .blog-post
	{
		width: 100%;
	}

	.two-column .two-column-wrapper
	{
		flex-direction: column;
	}

	.two-column .text-wrapper
	{
		width: 100%;
		padding: 0;
	}

	section.contact .text-wrapper, section.contact .form
	{
		padding: 0rem 2rem;
		width: 85%;
	}

	.faq .faq-wrapper .text-wrapper, .faq .accordion
	{
		width: 100%;
		margin: 0;
	}
	
    .text-image.contact-map .text-wrapper
    {
        padding: 1rem;
    }
        
    .text-image.contact-map .image-wrapper
    {
        padding: 0rem;
    }
	

	.our-team .text-image-normal, .our-team .text-image-reverse
	{
		flex-direction: column;
	}
	
	.our-team .top-section
	{
	    padding: 0;
	}
	
	.text-image.magazine-header
	{
	    padding-top: 2rem;
	}
	
	.text-image.magazine-header .text-wrapper h1
	{
        font-size: 30px;
    }
	
	.text-image.magazine-header .text-image-normal
	{
	    align-items: center;
	}
	
	.team-member.text-image-reverse .text-wrapper
	{
	    margin-left: 0;
	}
	
	.text-image.magazine-quote
	{
	    margin: 2rem 3rem
	}
	
	.text-image.magazine-quote .text-image .text-wrapper
	{
	    width: 80%;
	}
	
	.recent-posts, .recent-posts .recent-post .overlay
	{
	    margin: 2rem;
	}
	
	.recent-posts .recent-post h3 a
	{
	    font-size: 32px;
	}
	
	#blogPosts .blog-post
	{
	    padding: 2rem;
	}
	
	section.contact
	{
	    padding: 3rem 0rem;
	}
	
	.footer
	{
		width: 78%;
		margin: 3rem 1rem;
	}

	.footer .footer-content .newsletter
	{
		width: 90%;
	}

	.footer .footer-content .newsletter form fieldset input
	{
		width: 200px;
	}
}