@charset "utf-8";
/* LAYOUT */	
html {
  font-size: 1rem;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	font-size:14px !important;
	color:#0c121c;
	}
	
.container-fluid {
	background-image:url(../images/LR_01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	
	}
	
#card {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	border:1px solid #FFF;
	padding:2.0em;	
		
	}
	
#card .btn-primary {
	background-color:#0c121c;
	border-radius:0;
	border-color: #0c121c; 
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:3px;
	padding:12px 24px;
		
	}
	
#card .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #0c121c;
    background-color: #FFFFFF;
    border-color: #0c121c; 
}	

#card .img-fluid {
	padding-bottom:2.0em;
	
	}
	
#card p {
	padding:1.0em 0 1.0em 0;
	
	}

	
/* TYPOGRAPHY */	
@font-face {
    font-family: 'land_rover_webbold';
    src: url('../font/landroverweb-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'land_rover_weblight';
    src: url('../font/landroverweb-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'avenir';
    src: url('../font/AvenirNextLTPro-Regular.woff') format('woff');
}

h1 {
	font-family: 'land_rover_webbold', Arial, Helvetica, sans-serif;
	}	
	
h2 {
	font-family: 'land_rover_weblight', Arial, Helvetica, sans-serif;
	}	
	
p {
	font-family: 'avenir', Arial, Helvetica, sans-serif;
	}	

	
/* Small devices (landscape phones, 0px and up) */
@media (min-width: 0) {  
	h1 {font-size:2.0em;}
	h2 {font-size:1.5em;}
	p {font-size:1.0em;}
}
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
	h1 {font-size:2.0em;}
	h2 {font-size:1.5em;}
	p {font-size:1.0em;}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 764px) {  
	h1 {font-size:2.0em;}
	h2 {font-size:1.5em;}
	p {font-size:1.0em;}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	h1 {font-size:2.5em;}
	h2 {font-size:2.0em;}
	p {font-size:1.3em;}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	h1 {font-size:2.5em;}
	h2 {font-size:2.0em;}
	p {font-size:1.3em;}
}