<!doctype html>

<html lang="en">
<head>
	<meta charset="utf-8">

    <title>New Guidebook - Scotlands Gardens Scheme</title>
    <meta name="description" content="New Guidebook">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>

    <!-- Favicons -->
	<link rel="shortcut icon" href="/uploads/favicons/favicon.ico">
	<link rel="apple-touch-icon" href="/uploads/favicons/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/uploads/favicons/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/uploads/favicons/apple-touch-icon-114x114.png">
	
    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->

    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,500" rel="stylesheet">

	<style>
	body{
    	font-family: 'Montserrat', sans-serif;
    	font-size: 16px;
    	font-weight: 300;
    	color: #333;
    	line-height: 150%;
    	text-align:center;
    	width: 70%;
    	margin: auto;
    	padding-bottom: 60px;
	}
	h1{
		font-weight: 500;
		color:black;
		font-size: 24px;
	}
	#book{
		width: 400px;
	}
	#logo{
		margin-top:20px;
	}
	form{
		text-align:center;
	}
	input{
		display: block;
	    margin: auto;
	}
	#grass{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 60px;
		background-image: url("/grass.png");
		background-repeat: repeat, no-repeat;
	}
	.left{
		width: 46%;
		float: left;
		margin-top: 100px;
		padding: 20px;
	}
	.right{
		margin-top: 100px;
		width: 46%;
		float: left;
	}
	
	@media (max-width: 640px) {
		body{
    	font-size: 14px;	
    	width: 95%;
    	margin: auto;
		}
		#book{
			width: 100%;
		}
		.right, .left{
			width: 100%;
			float:none;
			padding: 0;
			margin: 0;
		}
		#logo{
			margin-top:10px;
			width:50%;
		}
		h1{
			margin: 5px 5px 2px 5px;
		}
		p{

		}
	}
	
	</style>
    
</head>

<body>

	<div class="left">
	<img id="logo" src="/logo.png" alt="Scotland's Gardens Scheme"> 
	<h1>Thanks for visiting!</h1>

	<p>
	We’re updating our 2018 garden listings and our website.
	Please watch this space, we’ll be back in mid-January.
	</p>
	<p>
	Meanwhile, you can pre-order our 2018 guidebook.</p>
	<p>
	Your 2018 Guidebook
	£5.00 (plus postage)
	</p>
	<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
		<input type="hidden" name="cmd" value="_s-xclick">
		<input type="hidden" name="hosted_button_id" value="MN5HD6U82K79U">
		<input type="hidden" name="on0" value="Scotland's Gardens Scheme Guidebook 2018">
		<select name="os0">
			<option value="UK incl P&P">UK incl P&P £7.00 GBP</option>
			<option value="Europe incl P&P">Europe incl P&P £11.50 GBP</option>
			<option value="Rest of World incl P&P">Rest of World incl P&P £15.00 GBP</option>
		</select> 
		<input type="hidden" name="currency_code" value="GBP">
		<br />
		<input type="image" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">
		<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
	</form>
	</div>
	<div class="right">
	<img id="book" src="/book.jpg" alt="2018 Guidebook"> 
	</div>
	<div id="grass"></div>
</body>
</html>
