@font-face {
            font-family: 'kanitregular';
            src: url('kanit-regular-webfont.eot');
            src: url('kanit-regular-webfont.eot?#iefix') format('embedded-opentype'),
                url('kanit-regular-webfont.woff2') format('woff2'),
                url('kanit-regular-webfont.woff') format('woff'),
                url('kanit-regular-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }
	html {
	    height: 100%;   
	}
        body {
            background: #1e1d1d url('ampol-intro.jpg') center top no-repeat; background-size: cover;
            padding: 0;
            margin: 0;
            height: 100%;
	    position: relative;
        }
        .wr-btn{ 
            width: 350px;
	    position: relative;
	    align: center;
        }
        .wr-btn a{ 
            width: 125px; 
            color: #fff; 
            text-decoration: none; 
            -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
            padding: 8px 20px;

            font-family: 'kanitregular';
            font-size: 16px;
            float: left;
            display: inline-block;
            text-align: center;
        }
	.td-a{
            width: 33%;
            height: 88%;
        }
	.td{
            width: 33%;
	    align: center;
        }
	.td-b{
            height: 7%;
        }
	.td-c{
            height: 5%;
        }
        @media (min-width: 320px) and (max-width: 500px) {
			body{background: #f2f0ed url('ampol-intro_1.jpg')center no-repeat; background-size: cover;}
			.wr-btn {width: 270px;}
			.wr-btn a{width: 100px; font-size: 14px; padding: 4px 10px;}
			.td-a {height: 78%;}
			.td-b {height: 7%;}
			.td-b {height: 15%;}			
        }
	@media (min-width: 501px) and (max-width: 1199px) {
			body{background: #f2f0ed url('ampol-intro.jpg')center no-repeat; background-size: cover;}
            .wr-btn {width: 270px;}
			.wr-btn a{width: 100px; font-size: 12px; padding: 4px 10px;}
			.td-a {height: 90%;}
			.td-b {height: 8%;}
			.td-b {height: 2%;}
        }