/***** BEGIN RESET *****/
@import url("https://use.typekit.net/fqz1moj.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------*/
:root {
  --green: #C2D94A;
  --dark-green: #223B42;
  --grey: #F3F3F3;
}

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'figtree-black', sans-serif;
}

#home p, #thankyou p, #about p, #bearings p, #blow_bars p, #contact p, #impactor-parts p, #jaw-crucher-parts p, #quote p, #home a, #thankyou a, #about a, #bearings a, #blow_bars a, #contact a, #impactor-parts a, #jaw-crucher-parts a, #quote a, footer a, nav a  {
	font-family: 'figtree-black', sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: var(--dark-green);
}
.smaller-p {font-size: 17px!important;}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HERO STYLES ---------------------*/
.home-hero {background: url("/siteart/background.jpg") no-repeat; background-position: center; background-size: cover; background-color: var(--dark-green);}
.home-hero > div {background: rgba(34,59,66,.85);}
.home-hero .wrapper {padding-top: 245px!important; padding-bottom: 100px!important;}
.home-hero .heading-lg {max-width: 720px;}
.home-hero h1 span {color: var(--green)!important;}
.home-hero p {font-size: 20px!important; color: #fff!important; max-width: 750px; font-weight: 500;}
.home-hero .btn-top {gap: 15px; flex-wrap: wrap;}

/*---BODY--------------------------------*/
/*---info-col-4---*/
.info-col-4 {background: var(--grey); padding-top: 80px; padding-bottom: 80px;}
.info-col-4 .heading-md, .info-col-4 .wrapper > p {text-align: center;}
.info-col-4 .wrapper > .flex {margin: 60px 20px 0 20px; justify-content: center; gap: 40px;}
.info-col-4 .card-white {background: #fff; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); border-radius: 15px; width: calc(25% - 20px); padding: 30px; box-sizing: border-box;}
.info-col-4 .card-white p {font-size: 17px!important;}
.info-col-4 .card-white i {font-size: 30px; padding: 20px; border-radius: 20px; background: rgba(194,217,74,.25); color: var(--dark-green); margin-bottom: 30px;}
.info-col-4 .card-more-padding {padding: 20px 25px!important;}

/*---cta-col-4---*/
.cta-col-4 {padding-top: 80px!important; padding-bottom: 80px!important;}
.cta-col-4 .heading-md, .cta-col-4 > p {text-align: center;}
.cta-col-4 .col-4 {justify-content: center; gap: 40px; margin: 60px 20px 0 20px;}
.cta-col-4 .card-white {box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); border-radius: 15px; width: calc(25% - 20px);}
.cta-col-4 .card-white .img-height {max-width: 500px; width: 100%; height: 240px;}
.cta-col-4 .card-white .img-height img {width: 100%; height: 100%; object-fit: cover; border-radius: 15px 15px 0 0;}
.cta-col-4 .card-white > div:last-child {padding: 30px; box-sizing: border-box;}
.cta-col-4 .card-white p {margin-bottom: 20px;}
.cta-col-4 .card-white a,.col-2-center .card-white a {font-size: 17px!important; color: #6f7d2c!important; font-weight: 700; transition: all .4s ease-out;}
.cta-col-4 .card-white a:hover, .col-2-center .card-white a:hover {color: var(--green)!important;}
.cta-col-4 .card-white a i {margin-left: 10px;}
.cta-col-4 .btn-top {gap: 15px; justify-content: center; flex-wrap: wrap; margin-top: 60px!important;}

.col-3-width .card-white {width: calc(30% - 20px);}

/*---center-section---*/
.center-section {padding-top: 80px;padding-bottom: 20px; background: var(--dark-green);}
.center-section .heading-md {color: #fff!important; text-align: center;}
.center-section p {color: #fff!important; text-align: center; max-width: 720px; margin: 0 auto;}
.center-section .btn-top {text-align: center;}

.center-section .flex {justify-content: center; gap: 15px; flex-wrap: wrap;}

/*--------PAGE STYLES--------------------*/
/*---thankyou---*/
.thankyou-section {padding-top: 80px!important; padding-bottom: 80px!important;}

/*---impactor-parts---*/
#impactor-parts .img-left {gap: 100px;}
#impactor-parts .img-left .img-height {max-width: 600px; width: 100%;}
#impactor-parts .content-right .flex {gap: 15px; flex-wrap: wrap; margin-top: 30px;}
#impactor-parts .img-left .content-right > div {background: none; border-radius: 0; padding: 0; }
#impactor-parts .img-left .content-right > div > div {background: var(--grey); border-radius: 10px; padding: 20px;}

.table-left {padding-top: 80px!important; padding-bottom: 80px!important; gap: 60px;}
.table-left .heading-md {margin-bottom: 30px;}
.table-left > div {width: calc(50% - 30px);}
.table-left .box-column {box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); flex-direction: column; align-items: stretch; border-radius: 20px;}
.table-left > div:first-child .heading-sm {padding: 20px; background: var(--dark-green); color: #fff; border-radius: 20px 20px 0 0; margin-bottom: 0;}
.table-left > div:first-child ul {padding: 20px;}
.table-left > div:first-child ul .flex {justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #F3F3F3;}
.table-left > div:first-child ul .flex p:last-child {text-align: left; font-weight: 700;}

.table-left > div:last-child ul li {display: flex; gap: 5px; background: var(--grey); margin-bottom: 20px; padding: 10px; border-radius: 10px;}
.table-left > div:last-child > div {background: rgba(194, 217, 74, .25); padding: 20px; border-radius: 10px;}
.table-left > div:last-child a {margin-top: 15px; display: block; font-weight: 700!important; transition: all .4s ease-out;}
.table-left > div:last-child a:hover {color: var(--green)!important;}
.table-left > div:last-child a i {margin-left: 10px;}

.img-left-slider {background: var(--grey); padding-top: 80px; padding-bottom: 80px;}
.img-left-slider .wrapper {gap: 60px; align-items: center;}
.img-left-slider .card-white {background: #fff; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 20px; box-sizing: border-box; margin-top: 30px;}
.img-left-slider .card-white ul {margin-bottom: 25px;}
.img-left-slider .card-white li {display: flex; gap: 5px; align-items: center; margin-bottom: 10px;}
.img-left-slider .card-white a {transition: all .4s ease-out; color: #6f7d2c; font-weight: 700; display: inline-block; margin-top: 20px;}
.img-left-slider .card-white a i {margin-left: 10px;}
.img-left-slider .card-white a:hover {color: var(--green)!important;}
.img-left-slider .card-white .grey-line {border: 1px solid #F3F3F3; margin-bottom: 15px;}

/*--Slider--*/
.img-left-slider .wrapper > div:first-child {max-width: 750px; width: 100%;}
.img-left-slider .slider-wrap {max-width: 750px; width: 100%;}
.img-left-slider .equipment-imgae {position: relative; background-color: var(--dark-green); border-radius: 20px;}
.img-left-slider .equipment-imgae p {position: absolute; bottom: 15px; left: 20px; color: #fff!important;}
.img-left-slider .equipment-imgae .img-height {max-width: 750px; height: 450px; width: 100%; overflow: hidden; position: relative;}
.img-left-slider .equipment-imgae .img-height:after {
	content:""; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 60%, #000 100%);
	border-radius: 20px;
}
.img-left-slider .equipment-imgae .img-height img {width: 100%; height: 100%; object-position: center; object-fit: cover; border-radius: 20px;}

/*--------SLIDER BUTTONS--------------------*/

.slick-prev:before {
	font-family: "Font Awesome 5 Free" !important;
    content: "\f053" !important;
    color: #fff !important;
    font-size: 25px !important;
    font-weight: 600;
	transition: all .4s ease-out;
}

.slick-next:before {
	font-family: "Font Awesome 5 Free" !important;
    content: "\f054" !important;
    color: #fff !important;
    font-size: 25px !important;
    font-weight: 600;
	transition: all .4s ease-out;
}

/*---blow-bars---*/
.img-left {padding-top: 80px!important; padding-bottom: 80px!important; gap: 60px; align-items: center;}
.img-left .img-height img {max-width: 800px; width: 100%; border-radius: 20px;}
.img-left .content-right {max-width: 600px; min-width: 500px;}
.img-left .content-right > div {background: var(--grey); border-radius: 10px; padding: 20px; margin-top: 20px;}

.center-inner {text-align: center; padding-top: 80px!important; padding-bottom: 80px!important;}
.center-inner ul {margin-top: 40px; margin-bottom: 40px; justify-content: center; gap: 30px;}
.center-inner ul li {padding: 20px; max-width: 300px; width: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 10px; font-family: 'figtree-black', sans-serif;}
.center-inner a {color: #6f7d2c!important; font-weight: 700; margin-top: 20px; display: inline-block; transition: all .4s ease-out;}
.center-inner a:hover {color: var(--green)!important;}
.center-inner a i {margin-left: 10px;}

/*---jaw-crusher-parts---*/
.cta-col-4 ul {margin-bottom: 15px;}
.cta-col-4 ul li {display: flex; gap: 5px; align-items: center; margin-bottom: 5px;}
.cta-col-4 ul li p {font-size: 17px!important; margin-bottom: 0!important;}
.bullet-point {color: #6f7d2c; font-size: 30px;}

.box-right {background: var(--grey); padding-top: 80px; padding-bottom: 80px;}
.box-right .wrapper {align-items: center; gap: 40px;}
.box-right .wrapper .flex {margin-top: 30px; gap: 20px;}
.box-right .wrapper > div:first-child .bullet-point {margin-top: -4px;}
.box-right .box-white {max-width: 600px; background: #fff; border-radius: 20px; padding: 40px; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);}
.box-right .box-white ul {margin-top: 30px; margin-bottom: 20px;}
.box-right .box-white ul li {display: flex; align-items: center; gap: 5px;}

/*---bearings---*/
#bearings .center-inner .first-ul {margin-top: 40px; margin-bottom: 30px!important;}
#bearings .center-inner .last-ul {margin-bottom: 40px; margin-top: 0!important;}

.col-2-center {padding-top: 80px!important; padding-bottom: 80px!important;}
.col-2-center .heading-md {text-align: center;}
.col-2-center > p {max-width: 800px; margin: 0 auto; text-align: center; margin-bottom: 50px;}
.col-2-center .flex {gap: 40px; justify-content: center; flex-wrap: wrap; max-width: 1395px; margin: 0 auto;}
.col-2-center .flex .card-white {box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); padding: 30px; width: calc(50% - 20px); box-sizing: border-box; border-radius: 20px;}
.col-2-center .flex .card-white > p {margin-bottom: 20px;}
.col-2-center .card-white ul {margin-bottom: 20px;}
.col-2-center .card-white ul li {display: flex; align-items: center; gap: 5px;}
.col-2-center .card-white ul li p {font-size: 17px!important;}

.center-col-3 {background: var(--grey); padding-top: 80px; padding-bottom: 80px;}
.center-col-3 .heading-md, .center-col-3 .wrapper > p {text-align: center;}
.center-col-3 .flex {justify-content: center; gap: 40px; margin: 60px 20px 0 20px; flex-wrap: wrap;}
.center-col-3 .card-white {width: calc(30% - 20px); background: #fff; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); border-radius: 15px; padding: 40px; box-sizing: border-box;}
.center-col-3 ul {margin-top: 20px;}
.center-col-3 ul li {display: flex; align-items: center; gap: 5px;}
.center-col-3 ul li p {font-size: 17px!important;}
.green-line {border: #6f7d2c 1px solid;}

/*---about---*/

.img-right {padding-top: 80px; padding-bottom: 80px; background: var(--grey);}
.img-right .wrapper {gap: 40px; justify-content: space-between; align-items: center;}
.img-right .img-height img {max-width: 800px; width: 100%; border-radius: 20px;}

/*---contact---*/
#contact .home-hero, #quote .home-hero {text-align: center;}
#contact .home-hero p, #quote .home-hero p {margin: 0 auto;}
#contact .info-col-4 {background: #fff; padding-top: 20px!important;}
#contact .info-col-4 .card-white, #quote .info-col-4 .card-white {text-align: center;}
#contact .info-col-4 .card-white i {border-radius: 50px!important;}
#contact .info-col-4 .card-white a {transition: all .4s ease-out;}
#contact .info-col-4 .card-white a:hover {color: var(--green);}

.contact-form {background: var(--grey); padding-top: 80px; padding-bottom: 80px;}

/*---quote---*/
.quote-form {padding-top: 80px; padding-bottom: 80px;}
.quote-form .form-all {text-align: left;}
.quote-form .heading-xsm {margin-top: 30px; margin-bottom: 20px; font-weight: 700;}
.quote-form .heading-sm {font-weight: 700;}
.quote-form .uploads {margin-bottom: 50px;}
.quote-form .uploads a {transition: all .4s ease-out; color: #6f7d2c;}
.quote-form .uploads a:hover {color: var(--green);}
 
/*--------FORM STYLES--------------------*/
.form-all {
	box-sizing: border-box;
	max-width: 1000px!important; 
	width: 100%;
	margin: 0 auto!important;
	text-align: center;
}
.form-background {background: #fff; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px!important; margin-top: 30px;}
.label {font-family: 'figtree-black', sans-serif;text-align: left!important;font-weight: 500;}
.label-row {margin-bottom: 15px; color: var(--dark-green);}
.flex-row {
	display: flex;
	width: 100%; 
	gap: 15px; 
	margin-bottom: 15px;
}

.form-half select {display: inline-block;}
.form-half input, .form-half select, .form-full-sm input, .form-full-sm select {
	padding: 15px;
	width: 100%;
	border: 2px solid #F3F3F3;
    background: #fff;
	font-family: 'figtree-black', sans-serif;
	box-sizing: border-box;
	font-size: 17px;
	border-radius: 5px;
	color: var(--dark-green);
}
.form-half {display: inline-block;width: 50%;}
.form-full-sm {display: block;width: 100%; margin-bottom: 15px;}

.form-full textarea {
	width: 100%;
	padding: 15px;
	border: 2px solid #F3F3F3;
    background: #fff;
	box-sizing: border-box;
	margin-bottom: -8px;
	font-family: 'figtree-black', sans-serif;
	font-size: 17px;
	border-radius: 5px;
}
.form-full {margin: 15px 0 30px 0;}


/*--------Captcha--------------------*/

.include-captcha{display:none;}
#submit-btn {float: center;}
.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {color: var(--dark-green);font-family: 'figtree-black', sans-serif;}
.CaptchaPanel {text-align: center!important;}
.captcha-button {float: center;}



/*-------- FOOTER STYLES ----------------*/
.my-site-footer {background: var(--dark-green); padding-bottom: 40px; padding-top: 80px; position: relative;overflow: hidden;}
.my-site-footer .wrapper {position: relative; z-index: 1;}
.my-site-footer .wrapper > .flex {padding-bottom: 60px; justify-content: space-between;}
.my-site-footer a {color: #fff; font-size: 17px!important; transition: all .4s ease-out;}
.my-site-footer a:hover {color: var(--green);}
.my-site-footer p {font-family: 'figtree-black', sans-serif; font-size: 20px; color: #fff; line-height: 30px;}
.my-site-footer i {color: var(--green); margin-right: 10px;}
.my-site-footer .footer-heading {font-weight: 700; margin-bottom: 20px;}
.my-site-footer li {margin-top: 10px;}
.footer-logo {display: flex; align-items: center; gap: 10px; margin-bottom: 20px;}
.footer-logo img {max-width: 200px; width: 100%;}

.my-site-footer .footer-left ul {margin-top: 30px;}
.my-site-footer .left-description {font-size: 17px!important; max-width: 450px;}
.my-site-footer .green-header {color: var(--green)!important; font-weight: 700; margin-bottom: 10px;}

.footer-right {gap: 130px;}

.footer-bottom p {font-size: 17px!important;}

.bg-texture {position: absolute; bottom: -10px; left: -15px; z-index: 0;}
.bg-texture img {max-width: 1000px; width: 100%; opacity: .05;}

/*-------- UNIVERSAL STYLES ----------------*/
.wrapper {
	padding: 0 15px; 
	margin: 0 auto;
	max-width: 1600px;
}

.flex {display: flex;}
.btn-top {margin-top: 50px;}
.p-top {margin-top: 20px;}

/*---Headings---*/
.heading-lg {font-size: 65px; margin-bottom: 30px; color: #fff; font-weight: 700;}
.heading-mdlg {font-size: 50px; margin-bottom: 30px; color: #fff; font-weight: 700;}
.heading-md {font-size: 40px; margin-bottom: 15px; font-weight: 700; color: var(--dark-green);}
.heading-sm {font-size: 25px; margin-bottom: 15px; font-weight: 500; color: var(--dark-green);}
.heading-xsm {font-size: 20px; margin-bottom: 10px; font-weight: 500; color: var(--dark-green);}

/*---Buttons---*/
.btn-green, .btn-outline, .btn-green-light, .btn-outline-dark, .btn-outline-lg{
	display: inline-block;
	text-align: center;
	font-size: 20px;
	padding: 20px 10px;
	background: var(--green);
	color: var(--dark-green);
	border-radius: 10px;
	border: solid 2px #C2D94A;
	font-weight: 700;
	transition: all .4s ease-out;
	width: 260px;
	box-sizing: border-box;
}
.btn-green:hover {background: var(--dark-green)!important; color: var(--green)!important; border: solid 2px #223B42!important;}
.btn-green-light:hover {background: #fff!important; border: solid 2px #fff!important;}

.btn-outline-lg {background: transparent!important; color: #fff!important; border: solid 2px #fff!important;}

.btn-outline {background: transparent!important; color: #fff!important; border: solid 2px #fff!important; width: 180px!important;}
.btn-outline:hover, .btn-outline-lg:hover {background: var(--green)!important; color: var(--dark-green)!important; border: solid 2px #C2D94A!important;}

.btn-outline-dark {background: transparent!important; color: var(--dark-green)!important; border: solid 2px #223B42!important; width: 180px!important;}
.btn-outline-dark:hover {background: var(--dark-green)!important; color: #fff!important;}

.btn-green i, .btn-green-light i {margin-left: 10px;}



/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-top-section .list-listings-count, .parts-list-content .error-message, .parts-list-content .parts-title-and-breadcrumbs .parts-listings-count, .listing-prices__retail-price, .detail__machine-location a {color: #7F8E32!important;}

.list-container-flexrow .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button), .print-list-top-section .print-event-header .print-this, .listing-carousel .recommended-listings-section .view-all-link, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .detail__cta-buttons button {background: var(--green)!important; transition: all .4s ease-out; color: var(--dark-green)!important;}
.list-container-flexrow .view-listing-details-link:hover, .faceted-search-content .selected-facets-container .selected-facet:hover, .list-content .list-error-container .info button:not(.login-button):hover, .print-list-top-section .print-event-header .print-this:hover, .listing-carousel .recommended-listings-section .view-all-link:hover, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button:hover, .detail__cta-buttons button:hover {background: var(--dark-green)!important; color: var(--green)!important;}

.dealer-contact__phone span, .dealer-contact__videochat span {color: var(--dark-green)!important;}



/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1300px) {
	.img-left-slider .equipment-imgae .img-height, .img-left-slider .wrapper > div:first-child, .img-left-slider .slider-wrap {max-width: 450px;}
}

@media only screen and (max-width: 1200px) {
	.img-left {gap: 30px;}
}

@media only screen and (max-width: 1100px) {
	.info-col-4 .wrapper > .flex, .cta-col-4 .col-4, .box-right .wrapper {flex-wrap: wrap;}
	.cta-col-4 .card-white, .info-col-4 .card-white, .col-3-width .card-white, .center-col-3 .card-white {width: calc(50% - 20px); max-width: 100%;}
	.cta-col-4 .card-white .img-height {max-width: 900px;}
	.box-right .box-white {max-width: 1000px;}
	.img-right .wrapper {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
}

@media only screen and (max-width: 1000px) {
	.footer-right {gap: 75px;}
	.img-left {flex-direction: column; align-items: flex-start;}
	.img-left .content-right {min-width: 100px;}
	.img-left .img-height img {max-width: 1000px;}
	.center-inner ul {flex-wrap: wrap;}
	#impactor-parts .img-left {gap: 40px;}
	.img-left-slider .wrapper {flex-wrap: wrap; justify-content: center;}
	.img-left-slider .equipment-imgae .img-height, .img-left-slider .wrapper > div:first-child, .img-left-slider .slider-wrap {max-width: 1000px;}
}

@media only screen and (max-width: 900px) {
	.footer-right {gap: 80px;}
	.my-site-footer .wrapper > .flex {flex-direction: column; gap: 30px;}
	.table-left > div {width: 100%;}
	.table-left {flex-wrap: wrap;}
}

@media only screen and (max-width: 730px) {
	.heading-lg {font-size: 40px;}
	.heading-md {font-size: 30px;}
	.home-hero p {font-size: 15px!important;}
	.info-col-4 .wrapper .flex .flex, .cta-col-4 .col-4 .flex {flex-wrap: wrap;}
	.cta-col-4 .card-white, .info-col-4 .card-white, .col-3-width .card-white, .center-col-3 .card-white {width: 100%;} 
	.info-col-4 .wrapper > .flex, .cta-col-4 .col-4, .center-col-3 .flex {margin: 60px 0 0 0;}
	.col-2-center .flex .card-white {width:100%;}
}

@media only screen and (max-width: 630px) {
	.home-hero .wrapper {padding-top: 200px!important; padding-bottom: 80px!important;}
	.img-left-slider .equipment-imgae .img-height, .img-left-slider .wrapper > div:first-child, .img-left-slider .slider-wrap {height: 300px;}
	.flex-row {flex-wrap: wrap;}
	.form-half {width: 100%;}
}

@media only screen and (max-width: 400px) {
	.footer-right {gap: 30px; flex-direction: column;}
	.box-right .box-white {padding: 40px 20px;}
	.table-left > div:first-child ul .flex {flex-direction: column;}
	.form-background {padding: 20px!important;}
}

@media only screen and (max-width: 340px) {
	.btn-green, .btn-outline, .btn-green-light, .btn-outline-dark, .btn-outline-lg {width: 250px;}
	.box-right .box-white {padding: 30px 10px;}
	.heading-mdlg {font-size: 45px;}
	.form-background {padding: 10px!important;}
}