/*
 *	
  *	by MXR
 *	mxr.fi
 *
*/

/*

	sm: 540px,
  	md: 720px,
  	lg: 960px,
  	xl: 1140px

*/



/* -------------------- fonts -------------------- */
body {
	background: #e4e3e3;
	font-family: Helvetica, Arial, sans-serif;
}

.heading {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	display: block;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 1px;
}

p {
	line-height: 1.5rem;
}

h1, h2 {
	font-size: 3rem;
	padding-bottom: 1.5rem;
}

.container  {
	padding: 0;
	margin-top: 0;
}

.text  {
	background: #fff;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.text-wrapper {
	padding: 50px 20px 100px 20px;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

.fleetservice {
    background: url(../images/fleetservice.jpg) center center no-repeat;
    background-size: cover;
    min-height: 350px;
}

@media only screen and (min-width: 540px) {
	.fleetservice {
	    min-height: 500px;
	}
}

@media only screen and (min-width: 960px) {
	.text-wrapper {
		padding: 100px 50px 50px 50px;
	}
}

@media only screen and (min-width: 1000px) {
  .middle {
      display: flex;
      justify-content: space-around; /* aligns the items horizontally */
      align-items: center; /* aligns the items vertically */
      height: 100vh;
    }

    .text {
        min-height: 500px;
    }
}