body {
background-color: white;
}

.container{
	padding: 10px;
}

.jumbotron-bkgd {
/* background-image:URL("assets/aar-bkgd.png"); */
background-color: #F9F8F6;
width: 100%;
}

@font-face {
font-family: "Open Sans", Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6{
font-family:"Open Sans", Arial, sans-serif;
}

h1 {
font-family: "Open Sans", Arial, sans-serif;
font-size: 40px;
font-weight:400;
line-height: 44px;
color: #4d4d4d;
}

.bold-textarea {
font-weight: 900;
color: #000;
font-size: 1em;
}

p {
font-family: "Open Sans", Arial, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 24px;
color: #4d4d4d;
}

/* ul{
display: block;
/* list-style-type: none;
} */

li{
font-size: 18px;
margin: 0px;
padding-left: 0;
padding-right: 5px;
color: #4d4d4d;
border: none;
margin-left: 0;
}

.custom-list-item-a-ride{
	border: none;
	padding-left: 0;
	margin-left: 0;
}
.custom-list-item-a-ride::before{
	content: '✓ ';
	font-weight: 900;
	font-size: 1.5em;
}

.list-group-item{
	background-color: transparent!important;
}
.col-sm-4 {
padding: 0;
margin: 0;
}

a.nav-link:hover {
color: #000000;
	background-color: #D1D0CE;
}

.bootstrap-heading h1 .h1{
font-family: "Open Sans", Arial, sans-serif;
font-size: 18px;
font-weight:400;
line-height: 25px;
color: #4d4d4d;
}

.bootstrap-heading h3 .h3{
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight:300;
line-height: 25px;
color: #4d4d4d;
}
}

a.btn-a-ride{
display: inline-block;
border-radius: 15px;
padding: 10px;
color: #fff;
text-decoration: none;
font-size: 1.5em;
font-weight: 300;
letter-spacing: 0.09em;
text-align: center;
vertical-align: top;
overflow: hidden;
white-space: nowrap;
margin-bottom: 1px;
margin-top: 1px;
margin-left:auto;
margin-right: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #FFA62F;
}

.anchorPad {
  padding-top: 20%!important;
}

.me-img{
	max-width: 30%!important;
	min-width: 20%!important;
	align-self: center!important;
  margin: auto!important;
  padding: 1.5rem;
 }

 .bg-secondary {
 	padding-top: 30px;
 	padding-bottom: 60px;
 	background-color: #F9F8F6!important;
 	width:100%;
 	height: 100%;
 }
/* These code is for the form response message */

.success {
	font-family: Arial, sans-serif;
	font-size: 1rem;
	color: #fff;
	font-weight: 400;
	text-align: center;
}

.error {
	font-family: Arial, sans-serif;
	font-size: 1rem;
	color: #fff;
	font-weight: 400;
	text-align: center;
}

 /* +++++++++++++++++ This is the hamburger code ++++++++++++++++  */

.bar1, .bar2, .bar3 {
    width: 33px;
    height: 5px;
    background-color: #333;
    margin: 5px 0;
    transition: 0.4s;
}

.change .bar1 {
    /* -webkit-transform: rotate(-45deg) translate(-8px, 6px);
    transform: rotate(-45deg) translate(-8px, 6px); */
		background-color:#F87217;
}

.change .bar2 {
	background-color:#F87217;
	/* opacity: 0; */
}

.change .bar3 {
    /* -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px); */
		background-color:#F87217;
}

/* This changes the color of the NavBar and Fonts */


nav {
  border-top: 4px solid #F87217!important;
	background-color: #f8f9fa!important;
}

.scrolledNav {
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
background-color: #151b54!important;
}

.collapsibleLink {
	cursor: pointer;
	color: #1569C7!important;
	font-size: 16px;
	font-family: serif;
	font-style: italic;
	margin: 0px;
}

.scrolledNav a {
	color: #fff!important;
}

.custom-bar-color-change {
	background-color: white !important;
}

.navbar-light .navbar-toggler {
	border-color: transparent !important;
}

.navbar-toggler:focus {
	outline: transparent !important;
}

.img-fluid {
max-width: 100%;
align-content: center;
height: auto !important;
}

.row {
margin-right: auto;
margin-left: auto;
display: flex;
flex-wrap: wrap;
}

.fa-facebook-square:hover{
color: #F87217!important;
padding:0;
margin:0;
}

.fa-twitter-square:hover {
color: #F87217!important;
}

.fa-instagram:hover {
color: #F87217!important;
}


/* ++++++++++++++++++++MEDIA QUERIES++++++++++++++++++++++++ */
/* ++++++++++++++++++++MEDIA QUERIES++++++++++++++++++++++++ */
/* ++++++++++++++++++++MEDIA QUERIES++++++++++++++++++++++++ */
/* ++++++++++++++++++++MEDIA QUERIES++++++++++++++++++++++++ */

/* ++++++++++++++++++start OF 2500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++start OF 2500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++start OF 2500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++start OF 2500 WIDTH QUERY ++++++++++++++++++++++ */



@media only screen and (max-width: 2500px) and (min-width: 1025px;){
.me-img{
max-width: 23%!important;
min-width: 16%;
margin-top: 30px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
padding-top: 40px!important;
image-rendering: pixelated;
align-self: center!important;
}

.footer-bg {
background-color:#2E2E2E!important;
padding-left: 3px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 15px;
}

.phone-xy{
text-align: center;
object-position: center;
width: 80%;
}

.anchorPad{
padding-top: 20%!important;

	}
.btn {
		width: 100%;
		margin: auto;
	}
}
}
/* ++++++++++++++++++END OF 2500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++END OF 2500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++END OF 2500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++END OF 2500 WIDTH QUERY ++++++++++++++++++++++ */


/* ++++++++++++++++++start OF 1500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++start OF 1500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++start OF 1500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++start OF 1500 WIDTH QUERY ++++++++++++++++++++++ */

@media only screen and (max-width: 1024px){
.me-img{
max-width: 23%!important;
min-width: 16%;
margin-top: 30px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
padding-top: 40px!important;
image-rendering: pixelated;
align-self: center!important;
}

.footer-bg {
background-color:#2E2E2E!important;
padding-left: 3px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 15px;
}

.phone-xy{
text-align: center;
object-position: center;
width: 170%;
}

.anchorPad{
padding-top: 20%!important;
	}
	.btn {
		width: 100%;
		margin-left: 20px;
		text-align: center;
		object-position: center;
	}
}
/* ++++++++++++++++++END OF 1500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++END OF 1500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++END OF 1500 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++END OF 1500 WIDTH QUERY ++++++++++++++++++++++ */


/* ++++++++++++++++++START  768 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++START  768 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++START  768 WIDTH QUERY ++++++++++++++++++++++ */
/* ++++++++++++++++++START  768 WIDTH QUERY ++++++++++++++++++++++ */

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

.btn {
	width: 100%;
	align-self: center;
	margin: 0;
}

.bootstrap-heading h1 {
  font-size: 20px!important;
  weight: 400;
}
.h1 {
  font-size: 20px!important;
  weight: 400;
}
.bootstrap-heading p {
  font-size: 18px!important;
  weight: 300;
}

.p {
  font-size: 18px!important;
  weight: 300;
  text-align: left;
}

.me-img{
	width: 45%!important;
	margin-top: 90px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px!important;
	image-rendering: pixelated;
	align-self: center!important;
 }

 .phone-xy{
 text-align: center;
 object-position: center;
 width:170%;
 }

 .anchorPad {
   padding-top: 30%!important;
 }
}
/* +++++++++++++++++END OF 768 ++++++++++++++++++*/
/* +++++++++++++++++END OF 768 ++++++++++++++++++*/
/* +++++++++++++++++END OF 768 ++++++++++++++++++*/
/* +++++++++++++++++END OF 768 ++++++++++++++++++*/


/* +++++++++++++++++START OF 413 +++++++++++++++++*/
/* +++++++++++++++++START OF 413 +++++++++++++++++*/
/* +++++++++++++++++START OF 413 +++++++++++++++++*/
/* +++++++++++++++++START OF 413 +++++++++++++++++*/

@media only screen and (max-width: 414px){

.bootstrap-heading h1 {
  font-size: 20px!important;
  weight: 400;
}
.h1 {
  font-size: 20px!important;
  weight: 400;
}
.bootstrap-heading p {
  font-size: 18px!important;
  weight: 300;
}

.p {
  font-size: 18px!important;
  weight: 300;
  text-align: left;
}
.me-img {
max-width: 65%!important;
max-width: 45%!important;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
padding-top: 80px!important;
/* align-self: center!important; */
}
 .anchorPad {
   padding-top:20%!important;
 }

 .phone-xy{
 text-align: center;
 object-position: center;
 width: 50%;
 }

 .btn {
 	width: 100%;

 }
}

/* ++++++++++++++++++++ END OF 413 ++++++++++++++++++++++++*/
/* ++++++++++++++++++++ END OF 413 ++++++++++++++++++++++++*/
/* ++++++++++++++++++++ END OF 413 ++++++++++++++++++++++++*/
/* ++++++++++++++++++++ END OF 413 ++++++++++++++++++++++++*/


/* ++++++++++++++++++++ START OF 375 ++++++++++++++++++++++++*/
/* ++++++++++++++++++++ START OF 375 ++++++++++++++++++++++++*/
/* ++++++++++++++++++++ START OF 375 ++++++++++++++++++++++++*/
/* ++++++++++++++++++++ START OF 375 ++++++++++++++++++++++++*/

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

.bootstrap-heading h1 {
  font-size: 18px!important;
  weight: 400;
}
.h1 {
  font-size: 18px!important;
  weight: 400;
}
.bootstrap-heading p {
  font-size: 16px!important;
  weight: 300;
}

.p {
  font-size: 16px!important;
  weight: 300;
  text-align: left;
}

.phone-xy{
width: 75%!important;
text-align: center;
object-position: center;
margin-right: auto;
margin-left: auto;
padding-left: 50px;
padding-right: 0;
padding-bottom: 3em;

}

.btn {
	width: 100%;
object-position: center;
}

.me-img{
	max-width: 65%!important;
  min-width: 45%!important;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px!important;
	align-self: center!important;
 }
.anchorPad {
padding-top:30%!important;
 }

 .footer-copyright {
 	color: #fff;
 	font-size: 8px;
 	font-family: sans-serif;
 	letter-spacing: 3px;
 	padding-bottom: 10px;
 }
}
/* ++++++++++++++++++++ END OF 375 ++++++++++++++++++++++++*/
/* ++++++++++++++++++++ END OF 375 ++++++++++++++++++++++++*/
/* ++++++++++++++++++++ END OF 375 ++++++++++++++++++++++++*/
/* ++++++++++++++++++++ END OF 375 ++++++++++++++++++++++++*/

.footer-bg {
background-color:#151b54!important;
padding-left: 3px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 15px;
border-top: 4px solid #F87217!important;
}

.my-footer-title .h4 h4{
	font-family: "Open Sans", Arial, sans-serif!important;
	font-size: .99em!important;
	weight: 300;
	letter-spacing: 3px;
	color: #fff;
	clear: right;
}

.my-footer-text .p p {
	font-family: "Open Sans", Arial, sans-serif!important;
	font-size: .80em!important;
	letter-spacing: 2px;
	color: #fff!important;
	clear: right;
}

.pl {padding-left: 25px;}

.pr {padding-right: 25px;}

.footer-copyright {
	color: #fff;
	font-size: 10px;
	font-family: sans-serif;
	letter-spacing: 3px;
	padding-bottom: 10px;
}

.btn-link {
background-color: #F87217!important;
color: #FFFFFF;

}