﻿/*------------------------------ Defaults ------------------------------*/
html, body  {height: 100%;}
body	    {font-family: Arial, Helvetica, sans-serif; /*font-family: 'Raleway', sans-serif;*/}
h1			{font-size: 3rem;}
h2			{font-size: 2.25rem; letter-spacing: 0.09375rem;}
h3			{font-size: 1.25rem;}
h4, h5, h6	{font-size: 1.15rem;}
h1, h2, h3, h4, h5, h6	{letter-spacing: 0px; line-height: 1.4; margin-bottom: 1rem; margin-top: 0;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p           {line-height: 1.4;}
/*================================= colours ================================*/
.black, .black a	{color: #000;}
.white, .white a  	{color: #FFF;}
.whitesmoke, .whitesmoke a		{color: #f5f5f5;}

.black-bg	{background-color: #000; color: #FFF;}
.white-bg	{background-color: #FFF; color: #000;}
.whitesmoke-bg	{background-color: #f5f5f5;	color: #000;}

.black-border	{border-color: #000;}
.white-border	{border-color: #FFF;}
.whitesmoke-border	{border-color: #f5f5f5;}  
/*------------------------------ start header + nav menu ------------------------------*/
.backgroundimg  {background: linear-gradient(rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0.15)), url(assets/delivery-van-white-min.jpg); background-repeat: no-repeat; background-position: center center; height: 100vh;}
.table-h        {height: 50rem;}
.pushthisleft 	{margin-left: 235px;}
.pullthisup		{margin-top: -3rem;}
/*================================= start footer settings ================================*/

/*----------------------- mobile all ----------------------*/	
@media screen and (min-width: 320px) and (max-width: 719px)  {
.backgroundimg  {background: linear-gradient(rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)), url(assets/delivery-van-white-min.jpg);}
h1      {font-size: 2.5rem;}
p       {font-size: 1.1rem;}    
.mphide {display: none;}
.pushthisleft 	{margin-left: 160px;}
.pullthisup		{margin-top: 0;}
}
/*----------------------- mobile portrait ----------------------*/	
@media screen and (min-width: 320px) and (max-width: 719px) and (orientation: portrait)  {
.table-h        {height: 48rem;}    
}
/*------------------------ mobile landscape ------------------------*/
@media screen and (min-width: 320px) and (max-width: 719px) and (orientation: landscape)  {
.table-h        {height: 40rem;}    
}
/*------------------------------ start ------------------------------*/