@font-face {
	    font-family: 'futurabold';
	    src: url('./fonts/futura-bold-03-webfont.woff2') format('woff2'),
	         url('./fonts/futura-bold-03-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'futuracondensed_extrabold';
	    src: url('./fonts/futura-condensedextrabold-05-webfont.woff2') format('woff2'),
	         url('./fonts/futura-condensedextrabold-05-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'futuracondensed_medium';
	    src: url('./fonts/futura-condensedmedium-04-webfont.woff2') format('woff2'),
	         url('./fonts/futura-condensedmedium-04-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'futuramedium';
	    src: url('./fonts/futura-medium-01-webfont.woff2') format('woff2'),
	         url('./fonts/futura-medium-01-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'futuramedium_italic';
	    src: url('./fonts/futura-mediumitalic-02-webfont.woff2') format('woff2'),
	         url('./fonts/futura-mediumitalic-02-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
    
    html {
    	font-size: calc(15px + 0.390625vw);
    	min-height:820px;
    }
    
    .logo {
    	margin-top:30px;
    	max-width:50%;
    }
	
	body {
		font-family: 'futuramedium', sans-serif;
		background-image: url('background-small.jpg');
		background-position:left bottom;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	main {
		margin-top:-100px;
	}
	
	main h1 {
	    font-family: 'futurabold', sans-serif;
		margin-bottom:0px;
		color:#28a8fd;
	}
	
	main .lead {
		color:#116ea7;
	}
	
	.button-container .btn {
		width:250px;
		margin-bottom:10px;
		font-size:1.3rem;
		line-height:1.3rem;
	}
	
	.btn-angus {
		background-color:#28a8fd;
		border:0px;
	}
	
	.btn-angus:hover {
		background-color:#2e74b8;
	}
	
	.btn-dundee {
		background-color:#116ea7;
		border:0px;
	}
	
	.btn-dundee:hover {
		background-color:#01497c;
	}
	
	.btn-perth {
		background-color:#004978;
		border:0px;
	}
	
	.btn-perth:hover {
		background-color:#07254a;
	}
	
	footer {
		
	}

	a {
		color:#116ea7;
		text-decoration:none;
		font-weight:bold;
	}

	a:hover {
		color:#01497c;
	}

	.text-description {
		color:#116ea7;
		font-weight:bold;
		line-height: 1.2rem;
	}

	.links-container {
		margin-bottom:30px;
	}

	.links-container .list-inline {
		margin-top:30px;
	}

	.list-inline-item {
		margin:0px !important;
	}

	.list-inline li:after {
		content:'|';
		margin:0 0px 0px 5px;
		color:#116ea7;
	}

	.list-inline li:last-child:after {
		content:'';
	}

	.modal-header {
		padding:15px;
		border-bottom:0px;
	}

	.modal-body {
		padding:0px 0px 30px 0px;
	}

	.modal p {
		color:#000;
		margin-bottom:15px;
	}
	
	@media (min-width: 576px) 
	{
		body {
			background-image: url('background-medium.jpg');
		}
		
		main {
			margin-top:-200px;
		}
	}

	@media (min-width: 768px) 
	{
		
		main h1 {
			font-size:6rem;
			line-height:5rem;
		}
		
		main .lead {
			font-size:2rem;
		}
		
		.logo {
			max-width:150px;
			margin-left:30px;
		}

		.links-container .list-inline {
			margin-right:30px;
		}
	}

	@media (min-width: 992px) 
	{
		body {		
			background-image: url('background.jpg');
		}

		.button-container .btn {
			width:300px;
		}

		.logo {
			max-width:300px;
		}

		.text-description {
			margin-top:30px;
		}

	}

	@media (min-width: 1200px) 
	{
		main {
			margin-top:-325px;
		}
	}

	@media (min-width: 1400px) 
	{
	 
	}