@charset "UTF-8";
/* CSS Document */

html { 
    font-size: calc(0.5em + 0.3vw);
}

.nopadding{
    padding: 0;
    margin:0;
}

.bb {
    border-bottom: thin solid #FFFFFF;
}

.image-scale{
    max-width:100%;
    height:auto;
    object-fit:contain;
}

.line-break{
    background-image: url("../images/line-break.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

.blue-trans{
    background-image: url("../images/blue-back.png");
    background-repeat: repeat; 
}

.blue-trans-90{
    background-image: url("../images/blue-back-90.png");
    background-repeat: repeat; 
}

.bg-blue{
    background-color: #274664 !important;
}

.mainImg{
	background-image:url('../images/scotland-chauffeurs.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	background-attachment:fixed;
	min-height:100vh;
}

/* MOBILE DEVICES */

/* DEVICE PORTRAIT */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    
    html{
        font-size: 1em;
    }
	
	a.nav-link, a.nav-link:active, a.nav-link:hover, a.nav-link:visited {
    font-size: 1.3em !important;
	}
	.mainImg{
		background-image:url('../images/scotland-chauffeurs-756.jpg');
		background-size:contain;
		max-width:100%;
	}
    
    
}

/* DEVICE LANDSCAPE */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    
    html{
        font-size: 0.7em;
    }
	.mainImg{
		background-image:url('../images/scotland-chauffeurs-1024.jpg');
		background-size:contain;
		max-width:100%;
	}
	

}



/*MOBILE LANDSCAPE */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
and (orientation : landscape) {
    
    html{
        font-size: 1em;
    }
    
    .b-regular{
        font-size: 1.5em;
    }
	
	a.nav-link, a.nav-link:active, a.nav-link:hover, a.nav-link:visited {
    font-size: 1.5em !important;
	}
	
	.mainImg{
		background-image:url('../images/scotland-chauffeurs-756.jpg');
		background-size:contain;
		min-height: 1024px;
	}

}

/* MOBILE PORTRAIT */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
and (orientation : portrait) {
    
    html{
        font-size: 0.8em;
    }
    .b-regular{
        font-size: 1.5em;
    }
	.nav-link{
		font-size: 1.5em !important;
	}
	a.nav-link, a.nav-link:active, a.nav-link:hover, a.nav-link:visited {
    	font-size: 1.5em !important;
	}
	.mainImg{
		background-image:url('../images/scotland-chauffeurs-756.jpg');
		background-size:contain;
		min-height: 1024px;
	}

}