/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*!
 * Datepicker v1.0.9
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-09-21T06:57:30.334Z
 */.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}/* Applies to the <iframe> in the parent window. */
.modal-frame {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	border-width: 0px;
	border-style: none;
}

/* Could be applied to <body> inside <iframe>. */
.modal-bg {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.4);
	overflow: auto;
}

/* In case it is used on a div in the parent window. */
div.modal-bg {
	position: fixed;
	top: 0;
	left: 0;
}

.modal {
	margin: 5vh auto auto auto;
	width: 90vw;
	height: 90vh;
	min-width: 300px;
	min-height: 400px;
	background: #fff;
	border: 1px solid #888;
	/*box-shadow: 2px 2px 3px #999, -1px -1px 1px #999;*/
	box-shadow: 2px 1px 3px #666;
	display: grid;
	grid-template-rows: auto 1fr auto;
}
.modal-4 {
	grid-template-rows: auto 1fr auto auto;
}

@media (min-width: 1200px) {
	.modal {
		width: 40vw;
		height: 60vh;
	}
	.modal-tall, .and-tall {
		height: 90vh;
	}
	.modal-wide, .and-wide {
		width: 75vw;
	}
}

.modal-header,
.modal > header {
	color: white;
	font-weight: bold;
	background: steelblue;
	padding: 6px 20px;
	text-align: center;
}

.modal-body,
.modal > main {
	overflow: auto;
	background-color: #fcfcfc;
	padding: 20px 20px 50px 20px;
}

.modal-footer,
.modal > footer {
	background: #f6f6f6;
	border-top: 1px solid #ddd;
	text-align: right;
	padding: 12px 20px;
}

.modal-footer button,
.modal-footer .button,
.modal > footer button,
.modal > footer .button {
	margin-left: 5px;
	margin-right: 5px;
}

.modal-message,
.modal-4 > :nth-child(3) {
	padding: 5px 20px;
	color: darkred;
}
@font-face {
	font-family:"Montserrat-Regular";
	src: url("../fonts/Montserrat-Regular.ttf");
}
@font-face {
	font-family:"Montserrat-Bold";
	src: url("../fonts/Montserrat-Bold.ttf");
}
@font-face {
	font-family:"Montserrat-SemiBold";
	src: url("../fonts/Montserrat-SemiBold.ttf");
}
@font-face {
	font-family:"Montserrat-Medium";
	src: url("../fonts/Montserrat-Medium.ttf");
}

html {
	--textColor: #000;
	--boldColor: #333;
	--mutedColor: #666;
	--color1: rgb(90,90,90);
	--color1Text: white;
}

[x-cloak] { display: none !important; }
body,table,textarea,input,select,p { font-family: arial, helvetica, sans-serif; }
select { background-color: transparent; }
table { border-collapse: collapse; }
/*a, a:hover, a:visited, span.link { color: #33F; text-decoration: none; cursor: pointer; }*/

/* Buttons */
button, a.button, span.button {
	display: inline-block;
	border: 1px solid #ccc;
	background: #eee;
	padding: 6px 12px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	line-height: 1em;
	min-width: 75px;
}
a.button {
	color: inherit;
}
button.accept, a.button.accept, span.button.accept {
	background-color: teal;
	color: white;
}
button.danger, a.button.danger, span.button.danger {
	background-color: firebrick;
	color: white;
}

/*table.grid {
	background-color: #fff;
}*/
table.grid.wide {
	width: 100%;
}
table.grid th {
	font-weight: bold;
	color: var(--boldColor);
	text-align: left;
	border: 1px solid #ccc;
	padding: 6px 12px;
	background: #eee;
	vertical-align: bottom;
}
table.grid td {
	padding: 6px 12px;
	border: 1px solid #ccc;
	vertical-align: baseline;
}


#pageLayout {
	/*width: 100vw;*/
	/*height: 100vh;*/
	/*display: grid;*/
	/*grid-template-areas:*/
		"content";
	/*grid-template-columns: 1fr;*/
	/*grid-template-rows: auto;*/
}
#pageHeader {
	grid-area: header;
	background-color: var(--color1);
	color: var(--color1Text);
}
#pageNav {
	grid-area: nav;
	background-color: var(--color1);
	border-right: 1px solid #ccc;
}
#pageContent {
	grid-area: content;
	/*overflow: auto;*/
}
#pageNavLinks {
	border-top: 1px solid var(--color1Text);
}
#pageNavLinks a, #pageNavLinks span {
	display: block;
	padding: 10px 20px 10px 20px;
	color: var(--color1Text);
	cursor: pointer;
}
/* #pageNavLinks a:hover {
	color: var(--headerBackColor);
} */
/* #pageNavLinks .sublinks {
	background-color: var(--menuBackColor);
} */
#pageNavLinks .sublinks a {
	padding: 10px 20px 10px 30px;
}
.modal-frame {
	z-index: 100;
}
/* Modal styles for modalframe.js */
/*.modal-bg {*/
/*	background-color: rgba(0, 0, 0, 0.4);*/
/*}*/
/*.modal {*/
/*	margin: 5vh auto auto auto;*/
/*	background: #fff;*/
/*	border: 1px solid #888;*/
/*	box-shadow: 1px 2px 2px #666;*/
/*	width: 60vw;*/
/*	height: 80vh;*/
/*}*/
/*.modal.form {*/
/*	min-width: 300px;*/
/*	min-height: 400px;*/
/*	display: grid;*/
/*	grid-template-rows: auto 1fr auto;*/
/*}*/
/*.modal.form > header {*/
/*	background: var(--color1);*/
/*	color: var(--color1Text);*/
/*	padding: 6px 20px;*/
/*	text-align: center;*/
/*	!*font-weight: bold;*!*/
/*}*/
/*.modal.form > main {*/
/*	overflow: auto;*/
/*	padding: 20px 20px 100px 20px;*/
/*}*/
/*.modal.form > footer {*/
/*	background: #f6f6f6;*/
/*	border-top: 1px solid #ddd;*/
/*	text-align: right;*/
/*	padding: 12px 20px;*/
/*}*/
/*.modal.form > footer button,*/
/*.modal.form > footer .button {*/
/*	margin-left: 10px;*/
/*}*/

/* Form display. */
ul.form {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 10px;
	align-items: baseline;
}
ul.form li {
	display: grid;
	grid-template-columns: 1fr 4fr;
}

ul.vform {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 10px;
	align-items: baseline;
}
ul.vform li {
	display: grid;
	grid-template-columns: 1fr;
}

/*business_assist CSS code*/
.page_content {
	width:8.5in;
	margin:0 auto;
	padding: 10px 50px;
	box-sizing:border-box;
}

.left { text-align:left; }
.right { text-align: right; }
.center {text-align:center; }
.right { text-align:right; }
.w7in { width:7in; }
.w25 { width:25% !important; }
.w33 { width:33% !important; }
.w50 { width:50% !important; }
.w75 { width:75% !important; }
.w100 { width:100% !important; }

.margin_bottom_10 { margin-bottom:10px; }
.m-top-30 { margin-top: 30px; }
.m-top-20 { margin-top: 20px; }

.green { color:green; }
.blue { color:#0082c4; }
.red { color:red; }
.las:hover, .clickable {
	cursor:pointer;
}

.space-between { display:flex; flex-flow:row nowrap; justify-content:space-between; }
.space-around { display:flex; flex-flow:row nowrap; justify-content:space-around; align-items:center; }
.align-center { align-items:center; }
.flex-start { display:flex; flex-flow:row nowrap; justify-content:flex-start; }
.flex-end { display:flex; flex-flow:row nowrap; justify-content:flex-end; }
.flex { display:flex; flex-flow:row nowrap; }
.block { display:block; color:black; }
.inline { display:inline !important; }




/* Maks css Lib*/

.pointer {cursor:pointer;}


/*Text Alligment*/
.text-right, .align-text-right { text-align: right; }
.text-left, .align-text-left { text-align: left; }
.text-center, .align-text-center { text-align: center; }
.text-justify, .align-text-justify { text-align: justify !important; }



/* Paddings */

.p-bottom-0, .p-bottom-none {padding-bottom: 0; }
.p-bottom-10 { padding-bottom: 10px; }
.p-bottom-20 { padding-bottom: 20px; }
.p-bottom-30 { padding-bottom: 30px; }

.p-0, .p-none { padding: 0; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.p-40 { padding: 40px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }

.p-none { padding: 0; }
.p-top-10 { padding-top: 10px; }
.p-top-20 { padding-top: 20px; }
.p-top-30 { padding-top: 30px; }
.p-top-40 { padding-top: 40px; }
.p-top-50 { padding-top: 50px; }
.p-top-60 { padding-top: 60px; }
.p-top-125 { padding-top: 125px; }


.p-right-10 { padding-right: 10px; }


.p-left-10, .p-l-10 { padding-left: 10px; }
.p-left-20, .p-l-20 { padding-left: 20px; }
.p-left-30, .p-l-30 { padding-left: 30px; }
.p-left-40, .p-l-40 { padding-left: 40px; }
.p-left-50, .p-l-50 { padding-left: 50px; }
.p-left-60, .p-l-60 { padding-left: 60px; }


.p-right-20 {
	padding-right: 20px;
}
.p-right-40 {
	padding-right: 40px;
}
.p-x-20 {
	padding-left: 20px;
	padding-right: 20px;
}
.p-x-40 {
	padding-left: 40px;
	padding-right: 40px;
}
.p-x-60 { padding-left: 60px; padding-right: 60px; }
.p-x-80 { padding-left: 80px; padding-right: 80px; }


.p-y-10 { padding-top: 10px; padding-bottom: 10px; }
.p-y-20 { padding-top: 20px; padding-bottom: 20px; }
.p-y-30 { padding-top: 30px; padding-bottom: 30px; }
.p-y-40 { padding-top: 40px; padding-bottom: 40px; }
.p-y-50 { padding-top: 50px; padding-bottom: 50px; }

/* Margins */

.m-0, .m-none { margin: 0; }

.m-top-10 {
	margin-top: 10px;
}
.m-top-15 {
	margin-top: 15px;
}
.m-top-50 {
	margin-top: 50px;
}
.m-top-70 {
	margin-top: 70px;
}
.m-top-100, .m-t-100 { margin-top: 100px; }
.m-top-150, .m-t-150 { margin-top: 150px; }
.m-right-10 {
	margin-right: 10px;
}
.m-left-10 {
	margin-left: 10px;
}
.m-x-10 {
	margin-left: 10px;
	margin-right: 10px;
}
.m-y-20 { margin-top: 20px; margin-bottom: 20px; }
.m-y-30 { margin-top: 30px; margin-bottom: 30px; }
.m-y-40 { margin-top: 40px; margin-bottom: 40px; }
.m-y-50 { margin-top: 50px; margin-bottom: 50px; }


.m-bottom-0, .m-bottom-none { margin-bottom: 0; }
.m-bottom-10 { margin-bottom: 10px; }
.m-bottom-20 { margin-bottom: 20px; }

.m-none { margin: 0; }

.radius-20 {
	border-radius: 20px;
}




/* Max-width */
.max-width-30 { max-width: 30%; }
.max-width-40 { max-width: 40%; }
.max-width-50 { max-width: 50%; }
.max-width-75 { max-width: 75%; }

.max-width-sm {
	max-width: 568px;
}
.max-width-md {
	max-width: 768px;
}

/* Borders */
.content-border-1 {border: solid 1px #CFCFCF; border-radius: 40px; }
.border-no-left { border-top: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF;}
.border-no-right { border-top: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF;}
.border-radius-right-40 {border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
.border-radius-left-40 {border-top-left-radius: 40px; border-bottom-left-radius: 40px; }

/* Flex */
.d-flex {
	display: flex;
}
.d-flex-column { display: flex; flex-direction: column; }



.f-column {
	flex-direction: column;
}
.text-color-FFFFFF {
	color: #FFFFFF;
}
.copyright {
	text-align: center;
	font-size: 12px;
	margin-top: 30px;
}
.menu-link {
	font-size: 12px;
}

.our-mission {
	background-color: #9E1415;
	color: #FFFFFF;
}
.our-mission-heading {
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.our-mission-content {
	font-size: 52px;
	line-height: 62px;
	box-sizing: border-box;
}
.red_background {
	background-color: #9E1415;
	color: #FFFFFF;
	font-size: 28px;
	line-height: 40px;
	box-sizing: border-box;
	padding: 50px;
}

.ready-to-start-btn {
	color: #FFFFFF;
	border-radius: 50px;
	border: none;
	background-color: #9E1415;
	padding: 16px 32px;
	margin-top: 30px;
}

img {
	object-fit: cover;
}

a {

	text-decoration: none;
	color: #121212;
}


.font-size-20 { font-size: 20px; }

body {
	background-color: #FFFFFF;
}
.logo {
	/*width: 100%;*/
	/*height: auto;*/
}
.ddd {background-color: #666666;}
.grid, .grid-container { display: grid; }
.one-column-template { grid-template-columns: 1fr; }
.two-same-columns-template { grid-template-columns: 1fr 1fr; }
.four-same-columns-template { grid-template-columns: 1fr 1fr 1fr 1fr; }
.eight-same-columns-template { grid-template-columns: auto auto auto auto auto auto auto auto; }

.one-two-columns-template {grid-template-columns: 1fr 2fr;}

.one-row-template { grid-template-rows: auto;}
.two-row-template { grid-template-rows: auto auto;}
.five-row-template { grid-template-rows: auto auto auto auto auto; }


.four-same-boxes-grid-item {
	background-color: #F4F4F4;
	border-radius: 20px;
	padding: 20px 20px 40px 20px;
	line-height: 28px;
}
.grid-column-gap-20 {column-gap: 20px;}
.grid-column-gap-30 {column-gap: 30px;}
.grid-column-gap-40 {column-gap: 40px;}
.grid-column-gap-50 {column-gap: 50px;}
.grid-column-gap-130 {column-gap: 130px;}

.grid-row-gap-20 {row-gap: 20px;}
.grid-row-gap-30 {row-gap: 30px;}
.grid-row-gap-40 {row-gap: 40px;}
.grid-row-gap-50 {row-gap: 50px;}

.align-center { align-self: center; }
.justify-center { justify-self: center; }

.grid-column-span-2 { grid-column: 1 / span 2;}
.grid-column-span-3 { grid-column: 1 / span 3;}
.grid-column-span-4 { grid-column: 1 / span 4;}


.permanent-address-grid, .current-address-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 50px;
}

.current-address-grid {grid-template-rows: 1fr 1fr 1fr;}

/*#################################################################################################################*/
/* Current web site*/
section {
	padding-top: 40px;
}

.banner {
	width: 100%;
	background-image: url('./images/banner.png'); /* Replace with a truck repair image URL */
	background-size: cover;
	background-position: center;
	color: white;
	text-align: left;
	padding: 0px 0px 0px 0px;
	/*box-sizing: border-box;*/
}

.banner-content {
	width: 100%;
	/*height: 870px;*/
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 0.5fr 1fr 1fr;
	/*grid-template-rows: 1fr 1fr 1fr;*/
	/*background-color: rgba(0, 0, 0, 0.6);*/
	/*padding: 40px;*/
	/*border-radius: 10px;*/
	/*display: inline-block;*/
	/*text-align: center;*/
}

.banner-content h1 {
	font-size: 50px;
	margin-bottom: 10px;
	margin-top: 0;

}
.banner-middle-area {

}

.banner-middle-area h1 {
	font-size: 100px;
	line-height: 100px;
	text-align: center;
}

.banner-middle-area h2 {
	font-size: 48px;
	line-height: 65px;
	text-align: center;
}

.banner-middle-area p{
	display: none;
}

.banner-middle-area ul {
	/*font-size: 20px;*/
	/*line-height: 28px;*/
	/*color: white;*/
	display: none;

}

.banner-middle-area h1, p {
	/*padding-left: 20px; desktop*/
}

.banner-middle-area p{
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 10px;
	padding-right: 75%;
}


.banner-bottom-area {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 3fr;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
}
.desktop {
	display: none;
}

.banner-bottom-area-content div {
	align-self: center;
	justify-self: center;

}
.banner-bottom-area p {
	font-size: 60px;
	line-height: 60px;
}

.banner-bottom-area div {
	/*margin-top: 150px;*/
	/*padding-bottom: 100px;*/

}
.call-button-wrapper {
	display: grid;
	color: white;
	font-size: 50px;
	align-self: center;
	/*margin-bottom: 25px;*/
}

.banner-bottom-area div a {
	justify-self: center;
	color: white;
	font-weight: bold;
	font-size: 60px;
	padding: 75px 56px;
	background-color: red;
	border-radius: 8px;

}


.top-menu {
	grid-template-columns: 1fr 2fr;
	grid-template-rows: 1fr;

	/*height: 50px;*/
	/*background-color: #9E1415;*/
}

.top-menu-logo img {
	width: 60%;
}

.top-menu-phone {
	/*align-self: center;*/
	padding-top: 50px;
	padding-right: 50px;
	font-size: 65px;
	/*font-size: 36px;*/
	font-weight: bold;
	/*color: yellow;*/
	color: gold;
	-webkit-text-fill-color: gold;
}




.services {
	padding-top: 40px;
}
.services h1 {
	font-size: 65px;
	/*font-size: 48px;*/
	margin-top: 0;
	margin-bottom: 45px;
}

.services-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	/*grid-column-gap: 10px;*/
	grid-row-gap: 25px;
	justify-content: center;
}
.service-box {
	border: 1px solid black;
	border-radius: 5px;
	/*padding: 15px;*/
	/*min-height: 10em;*/
	/*min-width: 4em;*/
	/*max-width: 20em;*/
	/*box-sizing: border-box;*/
	text-align: center;
	justify-self: center;
	width: 80%;
	background-repeat: no-repeat;
	background-size: cover;
}

.service-1 {
	background-image: url('./images/repair.jpg');
	background-repeat: no-repeat;
	background-size: cover;

}
.service-2 {
	background-image: url('./images/tire.webp');
	background-repeat: no-repeat;
	background-size: cover;

}
.service-3 {
	background-image: url('./images/diag.jpg');
	background-repeat: no-repeat;
	background-size: cover;

}
.service-4 {
	background-image: url('./images/ac.jpg');
	background-repeat: no-repeat;
	background-size: cover;

}
.service-5 {
	background-image: url('./images/jump-start.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.service-6 {
	background-image: url('./images/roadsude-service.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.service-7 {
	background-image: url('./images/coolant-leaks.WEBP');
	background-repeat: no-repeat;
	background-size: cover;

}
.service-8 {
	background-image: url('./images/drive-shaft.jpg');
	background-repeat: no-repeat;
	background-size: cover;

}
.service-9 {
	background-image: url('./images/u-joint.webp');
	background-repeat: no-repeat;
	background-size: cover;
}
.service-10 {
	background-image: url('./images/wheel-seal.webp');
	background-repeat: no-repeat;
	background-size: cover;
}
.service-11 {
	background-image: url('./images/def.webp');
	background-repeat: no-repeat;
	background-size: cover;
}
.service-12 {
	background-image: url('./images/engine-derate.webp');
	background-repeat: no-repeat;
	background-size: cover;
}
.service-13 {
	background-image: url('./images/hydraulic-oil-leaks.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.service-14 {
	background-image: url('./images/lift-gate.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.service-15 {
	background-image: url('./images/air-leaks.webp');
	background-repeat: no-repeat;
	background-size: cover;
}
.service-box-white-block {
	width: 100%;
	height: 100%;
	/*background-color: rgba(255,255,255,0.7);*/
	background-color: rgba(0,0,0,0.3);
}


.service-box h3 {
	font-size: 55px;
	line-height: 60px;
	margin: 0;
	padding-top: 60px;
	color: white;
}

.service-box p {
	font-size: 40px;
	line-height: 50px;
	color: white;
}

.grid-wrapper {
	display:grid;
}


.about {
	padding-top: 100px;
}

.about h1 {
	font-size: 65px;
}
.about-us-grid {
	display:grid;
	grid-template-columns: 1fr;
	/*grid-template-columns: 1fr 1fr;*/
	/*grid-template-rows: auto;*/
	grid-template-rows: auto 1fr;
	/*grid-column-gap: 20px;*/
}

.about-us-content {
	margin-top: 50px
}

.about-us-content p {
	padding: 0 50px 0 50px;
	/*padding: 0 30px 0 30px;*/
	/*font-size: 20px;*/
	/*line-height: 32px;*/
	font-size: 40px;
	line-height: 50px;
	text-align: justify;
}


.about-us-content p:nth-child(1) {
	margin-top: 0;
}

.about-us-image {
	justify-self: center;
	text-align: center;
}
.about-us-image img {
	width: 100%;
}

.contact-us {
	padding-top: 100px;
}
.contact-us h1 {
	font-size: 65px;
}

.contact-us-grid {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	grid-column-gap: 20px;
}
.contact-us-content {
	margin-top: 50px;
	font-size: 40px;
}
.contact-us-content .call-us-text {
	/*font-size: 40px;*/
	text-align: center;
	color: red;
}
.contact-us-call-button {
	display: inline-block;
	color: white;
	font-weight: bold;
	font-size: 60px;
	padding: 55px;
	background-color: red;
	border-radius: 10px;
}
.contact-us-form-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto auto auto auto;
	grid-row-gap: 20px;
	/*padding-right: 20px;*/
	/*padding-left: 20px;*/
	padding: 0 100px 0 100px;
}

.contact-us-form {
	padding: 40px;
	font-size: 60px;
	border-radius: 5px;
	border: 1px solid #ccc;
	align-self: center;
}

.contact-us-form-grid button {
	padding: 40px;
	font-size: 60px;
	border-radius: 5px;
	border: 1px solid #ccc;
	align-self: center;
	color: black;
}

.contact-us-content-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-row-gap: 20px;

}
.contact-us-image img {
	width: 100%;
}
.contact-us-content p {
	/*font-size: 40px;*/
	line-height: 50px;
	/*text-align: justify;*/
	padding: 0 50px 0 50px;
	/*font-size: 20px;*/
	/*line-height: 32px;*/
	/*padding-right: 20px;*/
	/*padding-left: 20px;*/
	/*margin-top: 10px;*/
	/*margin-bottom: 10px;*/
}

.contact-us-content p:nth-child(1) {
	margin-top: 0;
}

footer {
	text-align: center;
	font-size: 28px;
	margin: 50px 0 10px 0;
}

@media screen and (min-width: 480px) {


}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1201px) {
	.banner-content {
		width: 100%;
		height: 870px;
		display: grid;
		grid-template-columns: 1fr;
		/*grid-template-rows: 0.5fr 1fr 1fr;*/
		grid-template-rows: auto 1fr 1fr;
		/*background-color: rgba(0, 0, 0, 0.6);*/
		/*padding: 40px;*/
		/*border-radius: 10px;*/
		/*display: inline-block;*/
		/*text-align: center;*/
	}

	.banner-middle-area h1 {
		font-size: 50px;
		line-height: 65px;
		text-align: left;
	}
	.banner-middle-area h2 {
		font-size: 32px;
		line-height: 16px;
		text-align: left;
		margin-top: 0;
	}

	.banner-middle-area p{
		margin-top: 36px;
		display: block;
	}

	.banner-middle-area h1, h2, p {
		padding-left: 20px;
	}
	.banner-middle-area ul {
		font-size: 20px;
		line-height: 28px;
		color: white;
		display: block;

	}


	.banner-bottom-area {
		padding-left: 20px;
		justify-self: start;
		grid-template-rows: auto 1fr;
		background-color: rgba(0,0,0,0.7);
		text-align: left;
	}
	.banner-bottom-area p {
		font-size: 24px;
		line-height: 40px;
		padding: 0 20px;
		color: white;
	}

	.banner-bottom-area div a {
		justify-self: center;
		color: white;
		font-weight: bold;
		font-size: 36px;
		padding: 45px 45px;
		background-color: red;
		border-radius: 8px;

	}

	.mobile {
		display: none;
	}
	.desktop {
		display: block;
	}



	.top-menu-logo img {
		width: 25%;
	}
	.top-menu-phone {
		/*align-self: center;*/
		padding-top: 50px;
		padding-right: 50px;
		font-size: 36px;
		font-weight: bold;
		/*color: yellow;*/
		color: gold;
		-webkit-text-fill-color: gold;
	}

	.services-wrapper {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-column-gap: 10px;
		grid-row-gap: 19px;
		justify-content: center;
	}

	.service-box h3 {
		font-size: 24px;
		line-height: 20px;
		/*margin: 0;*/
		padding-top: 30px;

	}

	.service-box p {
		font-size: 18px;
		line-height: 18px;
		/*color: white;*/
	}

	.about h1 {
		font-size: 65px;
	}
	.about-us-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-column-gap: 20px;
	}

	.about-us-content {
		margin-top: 0;
	}

	.about-us-content p {
		padding: 0 30px 0 0;
		font-size: 20px;
		line-height: 32px;
	}

	.about-us-image img {
		width: 90%;
	}

	.contact-us-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-column-gap: 20px;
	}


	.contact-us-form-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto;
		grid-row-gap: 20px;
		padding-right: 20px;
		padding-left: 20px;

	}

	.contact-us-form {
		padding: 10px;
		font-size: 16px;
		border-radius: 5px;
		border: 1px solid #ccc;
		align-self: center;
	}

	.contact-us-form-grid button {
		padding: 10px;
		font-size: 16px;
		border-radius: 5px;
		border: 1px solid #ccc;
		align-self: center;
		color: black;
	}

	.contact-us-content-grid {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		grid-row-gap: 20px;
	}
	.contact-us-image img {
		width: 100%;
	}

	.contact-us-content {
		margin-top: 0;
	}
	.contact-us-content p {
		text-align: center;
		font-size: 20px;
		line-height: 32px;
		padding-right: 20px;
		padding-left: 20px;
		/*margin-top: 10px;*/
		/*margin-bottom: 10px;*/
	}
	.contact-us-call-button {
		color: white;
		font-weight: bold;
		font-size: 32px;
		padding: 30px;
		background-color: red;
		border-radius: 10px;
	}
	footer {
		font-size: 12px;
	}

}