.main-menu {
    position: fixed;
    z-index: 1000;
    width: 100%;
    background: white;
}

.section-01, .section-20 {
    margin-top: 5.5rem;
}

.section-20.reversed p {
    text-align: justify;
}

.section-50 .left .btn-primary {
  margin-top: 2rem;
}

/*.section-01 .carousel img {
    width: auto;
    height: 20rem;
}*/

.section-01 .content h2 {
    font-size: 1.5rem;
}

.section-01 .content h3 {
    font-size: 1.5rem;
}

div#n2-ss-2 .n2-font-8e9a66cffbe90812d59ab9855ed03178-hover,
div#n2-ss-2 .n2-font-7cad17ddbf36d93885d75415543969f1-hover,
div#n2-ss-2 .n2-font-4f99cf2cbbf89b5afb4f5756060495e1-link a,
div#n2-ss-2 .n2-font-4f99cf2cbbf89b5afb4f5756060495e1-link a {
	font-family: "Balto", sans-serif !important;
}

.section-20.reversed .img-01 {
    position: relative;
    right: -1rem;
    width: 45vw;
}

.section-20 .content.pt-0 {
    margin-top: -2rem !important;
}

.footer img {
    margin-bottom: 8rem;
    width: 14rem;
    height: auto;
}

.main-menu .logo {
    height: auto;
}

#carouselExampleCaptions .d-block {
    display: block ;
    margin: auto;
    height: 25rem;
    width: 100%;
    margin-top: 5rem;
}

.carousel-caption {
    bottom: 5rem;
}

/* iPad Pro */
@media (min-width: 992px) and (max-width: 1199px) {
	.mobile-menu {
		display: none;
	}
	.desktop-menu {
		display: block;
	}

	.main-menu .alt-menu ul li a {
		font-size: 14px !important;
	}
	.main-menu .desktop-menu ul li {
		margin: 0rem .6rem;
	}
	.section-01 .carousel img {
		width: 65rem;
	}
	.section-01 .carousel .btn-primary {
		top: 11rem;
		left: 45%;
	}
	.section-02 .content {
		width: 100%;
	}
	.main-menu .logo {
		width: 9rem;
		margin-top: .5rem;
	}
	h2, .h2 {
		font-size: 1.75rem;
	}
	.section-02 .content p {
		font-size: 1.1rem;
	}
	.main-menu .desktop-menu ul li a {
		font-size: 16px;
	}
	.accordion-button {
		font-size: 1rem;
	}
	.accordion-button:not(.collapsed)::after {
		content: ' - ';
		font-size: 2rem;
		top: -1rem;
	}
	.accordion-button::after {
		font-size: 1.5rem;
		top: -.25rem;
	}
	.btn-primary, .btn-outlined {
		font-size: 14px !important;
	}
	#exampleSlider .MS-content .item {
		width: 17rem;
	}
	#exampleSlider .MS-controls button {
		font-size: 25px;
	}
	#exampleSlider .item a {
		bottom: 3rem;
		left: 4.5rem;
	}
	.pg--info .bl h3 {
		font-size: 1.5rem;
	}
	.section-01 .content {
		margin-top: -13rem;
		margin-bottom: 4rem;
		width: 70%;
	}
}

/* iPad */
@media (min-width: 760px) and (max-width: 991px) {
	.mobile-menu {
		display: block;
	}
	.desktop-menu {
		display: none;
	}

	.main-menu .alt-menu ul li a {
		font-size: 14px !important;
	}
	.main-menu .desktop-menu ul li {
		margin: 0rem .6rem;
	}
	.section-01 .carousel img {
		width: 65rem;
	}
	.section-01 .carousel .btn-primary {
		top: 11rem;
		left: 45%;
	}
	.section-02 .content {
		width: 100%;
	}
	.main-menu .logo {
		width: 9rem;
		margin-top: .5rem;
	}
	h2, .h2 {
		font-size: 1.25rem;
	}
	p {
		font-size: .9rem;
	}
	.section-02 .content p {
		font-size: 1rem;
	}
	.main-menu .desktop-menu ul li a {
		font-size: 16px;
	}
	.accordion-button {
		font-size: 1rem;
	}
	.accordion-button:not(.collapsed)::after {
		content: ' - ';
		font-size: 2rem;
		top: -1rem;
	}
	.accordion-button::after {
		font-size: 1.5rem;
		top: -.25rem;
	}
	.btn-primary, .btn-outlined {
		font-size: 14px !important;
	}
	#exampleSlider .MS-content .item {
		width: 17rem;
	}
	#exampleSlider .MS-controls button {
		font-size: 25px;
	}
	#exampleSlider .item a {
		bottom: 3rem;
		left: 4.5rem;
	}
	.main-menu .p-tb {
		border-left: none;
		padding: 1.5rem 0rem;
		padding-bottom: 1rem;
	}
	.section-01 .carousel img {
		width: 65rem;
		position: relative;
		left: -7.5rem;
	}
	.main-menu .logo {
		width: 100%;
		margin-top: .5rem;
	}
	.section-03 .content .accordion-section {
		padding: 2rem 0rem;
	}
	.accordion-button {
		font-size: .7rem;
	}
	.section-03 .content .accordion-section p {
		font-size: .8rem;
	}
	.btn-outlined, .btn-primary {
		padding: .45rem 1.25rem;
		font-size: 12px !important;
	}
	.accordion-button:not(.collapsed)::after {
		top: -.75rem;
	}
	.accordion-button::after {
		font-size: 1.25rem;
	}
	#exampleSlider .MS-content .item {
		width: 12.5rem;
	}
	#exampleSlider .item a {
		left: 2rem;
	}
	#exampleSlider .item h3 {
		font-size: 1.25rem;
	}
	#exampleSlider .item p {
		font-size: .9rem;
	}
	.MS-controls {
		left: 41%;
	}
	.section-05 .content {
		width: 100%;
	}
	.footer p {
		font-size: .8rem;
	}
	.footer ul li a {
		font-size: .8rem;
	}
	.footer ul li {
		margin-bottom: .35rem;
	}
	.pg--title {
		font-size: 2.5rem;
	}
	.pg--info .bl h3 {
		font-size: 1.1rem;
	}
	.pg--info .btn-outlined {
		font-size: 1.25rem !important;
	}
	.section-04 h2 {
		font-size: 1.5rem;
	}
	.section-01 .content {
		position: relative;
		z-index: 10;
		margin: auto;
		margin-top: -12rem;
		text-align: center;
		text-transform: capitalize;
		margin-bottom: 4.15rem;
		width: 70%;
	}
	.section-01 .content h3 {
		font-family: "Avenir", serif;
		font-size: 1.25rem;
	}
}

/* Mobile Landscape */
@media (min-width: 560px) and (max-width: 759px) {
	.col-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.mobile-only {
		display:block !important;
	}
	.desktop-only {
		display:none !important;
	}
	.desktop-menu {
		display: none;
	}
	.mobile-menu {
		display: block;
	}
	.main-menu .desktop-menu ul li {
		margin: 0rem .65rem;
	}
	.main-menu .p-tb {
		padding: 0;
		padding-bottom: 0;
		border-left: none;
	}
	.main-menu {
		padding: 1rem;
	}
	.main-menu .p-tb-1 {
		padding-top: 0;
		padding-left: 0;
	}
	.btn-menu {
		position: absolute;
		font-size: 2rem;
		right: 1rem;
		top: 1rem;
	}
	.section-01 .carousel img {
		width: 60rem;
		left: -18rem;
		position: relative;
	}
	.section-01 .carousel .btn-primary {
		top: 10rem;
		left: 35%;
	}
	.section-02 {
		padding: 5rem 1rem;
	}
	.section-02 .content {
		width: 100%;
	}
	.content {
		padding: 2rem 1rem;
	}
	.section-03 {
		padding-top: 0;
		padding-bottom: 3rem;
	}
	.section-03 img {
		margin-bottom: 4rem;
	}
	.section-03 .content .accordion-section {
		padding: 2rem 0rem;
	}
	.accordion-button {
		padding: 1rem 0rem;
		font-size: .9rem;
	}
	.accordion-button:not(.collapsed)::after {
		font-size: 2rem;
		position: relative;
		top: -.75rem;
	}
	.accordion-button::after {
		font-size: 1.2rem;
		position: relative;
		top: -.25rem;
	}
	#exampleSlider .MS-content .item {
		width: 21.5rem;
	}
	.section-05 {
		padding-top: 0;
		padding-bottom: 4rem;
	}
	.section-05 img {
		margin-bottom: 4rem;
	}
	.section-05 .content {
		width: 100%;
		margin: auto;
	}
	.footer img {
		margin-bottom: 2rem;
	}
	.mid {
		padding: 4rem 1rem;
	}
	.footer ul li {
		margin-bottom: 1.5rem;
	}
	.footer ul li a {
		font-size: 1rem;
	}
	.MS-controls {
		left: 30%;
	}
	#exampleSlider .item a {
		left: 6.5rem;
	}
	.section-01 .content {
		margin-top: -13rem;
		text-align: center;
		left: 0rem;
		text-transform: capitalize;
	}
	.section-01 .content h3 {
		font-size: 1rem;
	}
	.section-20 .header-img {
		position: relative;
		right: 0;
		width: 100%;
	}
	.section-20 {
		padding-top: 0;
	}
	.section-20.reversed .header-img {
		position: relative;
		right: 0;
		width: 100%;
	}
	.section-20.reversed {
		padding-top: 0;
	}
	.pg--title {
		font-size: 2.5rem;
		margin-bottom: 4rem;
		margin-top: 2rem;
	}
	.section-20.reversed .pg--title {
		font-size: 2.5rem;
		margin-bottom: 4rem;
	}
	.section-20.reversed p {
		font-size: 1.15rem;
	}
	.section-20.reversed p span {
		font-size: 1.25rem;
	}
	.section-20 .pg--title-alt {
		font-size: 2.5rem;
		margin-bottom: 2rem;
	}
	.pg--info h2 {
		padding: 0rem 1rem;
	}
	.pg--info .bl {
		padding-left: initial;
		padding: 2rem;
	}
	.style-01 {
		padding-bottom: 4rem;
	}
	.section-04 h2 {
		font-size: 1.5rem;
	}
	.section-20 ul li {
		font-size: 1.15rem;
	}
	.section-20.reversed .img-01 {
		position: relative;
		right: 0;
		width: 100%;
		margin-bottom: 4rem;
	}
	.section-20.reversed .pg--title {
		margin-bottom: 3rem;
	}
	.modal-body ul li a {
		font-size: 21px;
	}
	.section-05 .content {
		padding: 2rem 2rem;
	}
	.section-03 {
		padding-bottom: 0;
	}
	.section-04 {
		padding: 2rem 0rem;
		padding-bottom: 6rem;
	}
	.section-20 .pg--title {
		font-size: 2.5rem;
		margin-bottom: 4rem;
	}
}

@media screen and (min-width:992px) {
	.mobile-only {
		display:none !important;
	}
	.desktop-only {
		display:block !important;
	}
}

/* Mobile */
@media only screen and (max-width: 559px) {
	.col-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.mobile-only {
		display:block !important;
	}
	.desktop-only {
		display:none !important;
	}
	.desktop-menu {
		display: none;
	}
	.mobile-menu {
		display: block;
	}
	.main-menu .desktop-menu ul li {
		margin: 0rem .65rem;
	}
	.main-menu .p-tb {
		padding: 0;
		padding-bottom: 0;
		border-left: none;
	}
	.main-menu {
		padding: 1rem;
	}
	.main-menu .p-tb-1 {
		padding-top: 0;
		padding-left: 0;
	}
	.btn-menu {
		position: absolute;
		font-size: 2rem;
		right: 1rem;
		top: 1rem;
	}
	.section-01 .carousel img {
		width: 60rem;
		left: -18rem;
		position: relative;
	}
	.section-01 .carousel .btn-primary {
		top: 10rem;
		left: 35%;
	}
	.section-02 {
		padding: 5rem 1rem;
	}
	.section-02 .content {
		width: 100%;
	}
	.content {
		padding: 2rem 1rem;
	}
	.section-03 {
		padding-top: 0;
		padding-bottom: 3rem;
	}
	.section-03 img {
		margin-bottom: 4rem;
	}
	.section-03 .content .accordion-section {
		padding: 2rem 0rem;
	}
	.accordion-button {
		padding: 1rem 0rem;
		font-size: .9rem;
	}
	.accordion-button:not(.collapsed)::after {
		font-size: 2rem;
		position: relative;
		top: -.75rem;
	}
	.accordion-button::after {
		font-size: 1.2rem;
		position: relative;
		top: -.25rem;
	}
	#exampleSlider .MS-content .item {
		width: 21.5rem;
	}
	.section-05 {
		padding-top: 0;
		padding-bottom: 4rem;
	}
	.section-05 img {
		margin-bottom: 4rem;
	}
	.section-05 .content {
		width: 100%;
		margin: auto;
	}
	.footer img {
		margin-bottom: 2rem;
	}
	.mid {
		padding: 4rem 1rem;
	}
	.footer ul li {
		margin-bottom: 1.5rem;
	}
	.footer ul li a {
		font-size: 1rem;
	}
	.MS-controls {
		left: 30%;
	}
	#exampleSlider .item a {
		left: 6.5rem;
	}
	.section-01 .content {
		margin-top: -13rem;
		text-align: center;
		left: 0rem;
		text-transform: capitalize;
	}
	.section-01 .content h3 {
		font-size: 1rem;
	}
	.section-20 .header-img {
		position: relative;
		right: 0;
		width: 100%;
	}
	.section-20 {
		padding-top: 0;
	}
	.section-20.reversed .header-img {
		position: relative;
		right: 0;
		width: 100%;
	}
	.section-20.reversed {
		padding-top: 0;
	}
	.pg--title {
		font-size: 2.5rem;
		margin-bottom: 4rem;
		margin-top: 2rem;
	}
	.section-20.reversed .pg--title {
		font-size: 2.5rem;
		margin-bottom: 4rem;
	}
	.section-20.reversed p {
		font-size: 1.15rem;
	}
	.section-20.reversed p span {
		font-size: 1.25rem;
	}
	.section-20 .pg--title-alt {
		font-size: 2.5rem;
		margin-bottom: 2rem;
	}
	.pg--info h2 {
		padding: 0rem 1rem;
	}
	.pg--info .bl {
		padding-left: initial;
		padding: 2rem;
	}
	.style-01 {
		padding-bottom: 4rem;
	}
	.section-04 h2 {
		font-size: 1.5rem;
	}
	.section-20 ul li {
		font-size: 1.15rem;
	}
	.section-20.reversed .img-01 {
		position: relative;
		right: 0;
		width: 100%;
		margin-bottom: 4rem;
	}
	.section-20.reversed .pg--title {
		margin-bottom: 3rem;
	}
	.modal-body ul li a {
		font-size: 21px;
	}
	.section-05 .content {
		padding: 2rem 2rem;
	}
	.section-03 {
		padding-bottom: 0;
	}
	.section-04 {
		padding: 2rem 0rem;
		padding-bottom: 6rem;
	}
	.section-20 .pg--title {
		font-size: 2.5rem;
		margin-bottom: 4rem;
	}
	.section-01 .content {
		margin-top: -14.3rem;
		width: 80%;
		position: relative;
		bottom: -2rem;
	}
	.section-01 .content h2 {
		text-transform: capitalize !important;
		font-family: "Avenir", serif;
		font-size: 1.11rem;
	}
	.section-50 .right p {
		margin-top: 4rem;
	}
	.section-20.reversed .pg--title, .section-20 .pg--title {
		line-height: 3rem;
	}
	.page-id-1016 .section-20.reversed .pg--title {
		margin-bottom: 2rem;
	}
	.page-id-1018 .section-20.reversed, .section-20.reversed {
		padding-bottom: 2rem;
	}
	.section-02 .content h2 {
		letter-spacing: 2px;
		line-height: 2.5rem;
		font-size: 1.25rem;
		margin-top: 2rem;
	}
	.page-id-1014 .section-04 .content h2 {
		font-size: 2rem;
	}
	.section-20 img {
		height: auto !important;
		width: 100% !important;
		position: relative !important;
	}
	.section-20 .content.pt-0 {
		margin-top: -2em !important;
	}
	#carouselExampleCaptions .d-block {
		display: block !important;
		margin: auto;
		height: 18rem;
		width: 100%;
		margin-top: 5.5rem;
	}
	.carousel-caption {
		bottom: 2rem;
	}
	.carousel-caption h3 {
		margin-bottom: 1rem;
	}
}

/* iPhone */
@media only screen and (max-width: 375px) {

}

/* Galaxy S5 */
@media only screen and (max-width: 360px) {
	.section-01 .carousel img {
		width: 50rem;
		left: -15rem;
		position: relative;
	}
	.section-01 .carousel .btn-primary {
		top: 8rem;
		left: 30%;
	}
	h2, .h2 {
		font-size: 1.25rem;
	}
	p {
		font-size: 1rem;
	}
	#exampleSlider .MS-content .item {
		width: 18rem;
	}
	#exampleSlider .item a {
		left: 5rem;
	}
	.MS-controls {
		left: 28%;
	}
	.section-01 .content {
		margin-top: -12rem;
	}
	.pg--info .bl h3 {
		font-size: 1.2rem;
	}
	.pg--info .btn-outlined {
		font-size: 1.25rem !important;
	}
	.section-04 {
		padding: 3rem 0rem;
		padding-bottom: 8rem;
	}
}

/* iPhone 5 */
@media only screen and (max-width: 320px) {

}

/* Galaxy Fold */
@media only screen and (max-width: 280px) {

}