@charset "utf-8";
/********* CSS RESETS **********/
img {
	max-width: 100%;
}

h1, h2, h3, p, ul, ol {
	margin: 0;
	padding: 0;
}
/********* End CSS Reset *********/
body {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	/*min-width: 370px;*/
	margin: 0 auto;
	padding: 0;
	color: #2A3140;
}
* {
	box-sizing: border-box;
}
/********link a**************/
a:link, a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover, a:active {
	text-decoration: none;
	color: #d30000;
}
/********header**************/
header {
	background: url("image/Header500.jpg") no-repeat;
	background-size: cover;
	background-position: top;
	position: relative;
	min-height: 150px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	padding-left: 5px;
	
}
header h1 {
	text-decoration: none;
	font-size: 2.5em;
	text-shadow: 1px 0px #D98324;
	
}
header h1 a.topTitle {
	/*font-family: 'Open Sans', sans-serif;
    font-family: 'Roboto', sans-serif;
	font-family: 'Pridi', serif;
	*/
	font-family: 'Philosopher', sans-serif;
	
	flex: 2;
	
	padding: 20px 25px;
	/*padding: 0 10px;*/
	
	font-weight: 700;
	color: #212155;
}
header nav {
	position: absolute;
	bottom: 10px;
	/*right: 10px;*/
	flex: 1;
	text-align: center;
	padding:0;
}
header nav ul {
	width: 100%;
	/*margin: 0 10px;*/
	
	
}
header nav ul li {
	display: inline-block;
	list-style-type: none;
	margin: auto;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 0px #556273;
}
header nav li a {
	font-size: 1em;
	text-decoration: none;
}
header nav li a.currentPage {
	text-decoration: none;
	color: #D98324;
	font-weight: bold;
	cursor: pointer;
}
main {
	border-top: 10px solid #212155;
	/*border-bottom: 10px solid #f4922d;*/
	margin: 10px auto;
}
/*******top section*************/
section#top {
	position: relative;
}
#top img {
	padding-top: 10px;
	width: 100%;
}
/*.tgift02, .tgift03 {
	display: none;
}*/
#top h2 {
	margin: 0;
	/*padding-bottom: 10px;*/
	font-family: 'Philosopher', sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: 15px;
	left: 10px;
	/*background:rgba(234, 234, 239, 0.1);*/
	background: rgba(33, 33, 85, 0.1);
	font-style: italic;
	padding: 10px;
	/*text-shadow: 0px 2px #FFFFFF;*/
}
/****************************Contact page style*******************/
.containerT {
	background-color: #5d5d83;
}
section#contact {
	padding: 0px;
	background: url("thankyouimage/luguisland01500.jpg") no-repeat;
	position: top right;
	background-size: cover;
	background-attachment: fixed;
}
#contactTop {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	padding: 20px;
	background-color: #c2c2d0;
	opacity: 0.8;
	margin-top: 10px;
}
#contactTop h2 {
	font-family: 'Philosopher', sans-serif;
	font-size: 1.6em;
	line-height: 1.8em;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}
#contact div {
	paddign-left: 20px;
	padding-right: 0px;
}
.contactForm {
	/*padding: 10px;*/
	width: 220px;
	background: transparent;
	border: none;
	outline: none;
	border-bottom: 1px solid gray;
	color: #212155;
	font-size: 0.8em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 10px;
}
#contact div h3, #contactInfo h3 {
	/*font-family: 'Philosopher', sans-serif;*/
	font-size: 0.9em;
	line-height: 1.35em;
	margin: 0;
	padding: 5px 10px 5px 0;
	font-weight: normal;
}
#contact p {
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0px;
	padding-bottom: 5px;
	font-size: 0.8em;
	margin-top: 0px;
	margin-bottom: 0px;
}
#submitC {
	font-size: 0.8em;
	line-height: 1.2em;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px;
	box-shadow: 1px 1px;
	border-style: ridge;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-top: 5px;
	vertical-align: middle;
	text-align: center;
	border-width: 3px;
	margin-bottom: 5px;
}
/******phone number was changed in Safari**************/
a[href^=tel] {
	color: inherit;
	text-decoration: none;
}
/***************end of contact page body section*************/
/******Promotion body start**********/
section#promTop {
	display: flex;
	flex-wrap: wrap;
	/*-webkit-box-shadow: 0px 3px;
	box-shadow: 0px 3px;*/
	margin: 10px auto;
}
div.spaceP {
	padding-left: 20px;
}
#promT h2 {
	font-family: 'Philosopher', sans-serif;
	/*font-family: 'Petit Formal Script', cursive;*/
	font-size: 1.6em;
	line-height: 1.8em;
	padding: 10px 0px 10px 20px;
	margin-top: 0px;
	flex: 100%;
}
div#articles {
	margin: 0 10px;
	padding: 0;
}
div#articles #oneP, div#articles #twoP, div#articles #threeP {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 10px;
	/*margin: 0 20px;*/
}
div.spaceP p {
	padding-bottom: 15px;
}
a.clickbtn {
	font-size: 0.8em;
	line-height: 1.2em;
	/*background-color: #fff;*/
	box-shadow: 0 2px 0 #212155;
	color: black;
	padding: 5px 15px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	/*-webkit-box-shadow: 0 1px 0 darkred;*/
	background-color: #eaeaef;
}
/*
#promTop span.colon::after{
    content: "\003A";
}*/
#promTop h3 {
	/*font-family: 'Philosopher', sans-serif;*/
	font-size: 1.1em;
	line-height: 1.5em;
	padding-bottom: 10px;
	text-transform: uppercase;
}
#promTop {
	font-size: 0.8em;
	line-height: 1.4em;
}
#articles #oneP img, #articles #twoP img, #articles #threeP img {
	margin-right: 10px;
}
/*div.spaceP{
	padding-left:10px;
}*/
/******Promotion body end**********/
/*********slider***************/
#gallery {
	padding-bottom: 50px;
	border-top: 5px solid #212155;
}
#gallery h2 {
	font-family: 'Philosopher', sans-serif;
	/*font-family: 'Petit Formal Script', cursive;*/
	font-size: 1.6em;
	line-height: 1.8em;
	padding: 10px 0 10px 20px;
}
.flexslider {
	margin: 0 20px;
	border: none;
}
.slide1 {
	background: url("slides/slide04500260.jpg") top left no-repeat;
}
.slide2 {
	background: url("slides/slide07500260.jpg") top left no-repeat;
}
.slide3 {
	background: url("slides/slide08500261.jpg") top left no-repeat;
}
.slide4 {
	background: url("slides/slide03500261.jpg") top left no-repeat;
}
.slide5 {
	background: url("slides/slide11500260.jpg") top left no-repeat;
}
.slide6 {
	background: url("slides/slide10500260.jpg") top left no-repeat;
}
.slides li div {
	width: 100%;
	position: relative;
	padding-bottom: 50%;/*if say high 100% it does work in html*/
	background-size: cover;
}
/**********end slides*****************/
/*************about start*********************/
h2.titleT {
	font-family: 'Philosopher', sans-serif;
	/*font-family: 'Petit Formal Script', cursive;*/
	font-size: 1.6em;
	line-height: 1.8em;
	padding: 10px 0px 10px 20px;
	margin-top: 0px;
}
#aboutG {
	padding: 10px 0;
	display: grid;
	grid-column-gap: 10px;
	grid-template-columns: 1fr 1fr 1fr;
	/*background:url("aboutimg/flight1000.jpg") no-repeat;*/
	background: url("aboutimg/redlight1000.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}
#aboutTop h4 {
	/*font-size: 1.1em;*/
	/*line-height: 1.4em;*/
	padding: 10px;
	text-transform: uppercase;
	margin: 5px 0;
}
#aboutTop p {
	/*font-size: 0.8em;*/
	line-height: 1.5em;
	padding: 10px;
}
#aboutM p {
	padding-left: 20px;
}
#aboutM h3 {
	font-size: 1.2em;
	padding: 10px 20px;
	margin: 0;
}
#aboutNav li {
	list-style-type: none;
	padding: 10px 20px;
}
#aboutNav h4 {
	padding-left: 20px;
}
#aboutNav a {
	text-decoration: none;
	color: #000000;
}
#aboutNav {
	grid-column: 1;
	background-color: #eaeaef;
	margin: 10px 0;
}
#aboutService {
	background-color: #c2c2d0;
	opacity: 0.7;
	grid-column: 2/4;
	margin: 10px 0;
}
/*************about end*********************/
/*******************backtotop*******************/
#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 30px; /* Place the button at the bottom of the page */
	right: 5px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: silver; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 8px; /* Some padding */
	border-radius: 30px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
}
#myBtn:hover {
	background-color: #D98324; /* Add a dark-grey background on hover */
}
/*******************backtotop*******************/
/*******bottom section*************/
#middle {
	margin: 10px 0;
}
#middle div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	padding: 10px;
	background-color: #eaeaef;
}
div#sloganP {
	padding-top: 0px;
	margin-top: 0;
}
div#sloganP:last-of-type p {
	padding-top: 5px;
}
div#lists {
	padding-bottom: 10px;
}
/*#middle div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-colum: 10px;
	margin: 10px 0;
	padding: 20px;
	background-color: #d7d8da;
}*/
#middle ul {
	display: inline-grid;
}
#middle ul li {
	list-style-type: none;
	padding: 10px 10px 0px 10px;
}
#middle ul li a {
	font-size: 0.75em;
	line-height: 1.4em;
	text-align: center;
	/*padding: 10px 10px 10px 20px;*/
	color: #212155;
	text-decoration: none;
}
#middle li::before {
	content: "•";  /*Insert content that looks like bullets */
	padding-right: 5px;
	color: #212155;
	/*color:#232253; */
}
#middle div p {
	color: #212155;
	font-size: 0.75em;
	line-height: 1.4em;
}
h2#one {
	grid-row: 1;
	grid-column: 1/6;
	font-size: 0.9em;
	color: #212155;
	/*padding-bottom: 10px;
	padding-top: 10px;*/
	text-align: left;
	font-weight: 400;
}
#two {
	grid-row: 2;
	grid-column: 1/2;
}
#three {
	grid-row: 2;
	grid-column: 2;
}
#four {
	grid-row: 2;
	grid-column: 3;
}
#five {
	grid-row: 2;
	grid-column: 4;
}
#six {
	grid-row: 2;
	grid-column: 5;
}
p#nine {
	grid-row: 1;
	grid-column: 1/6;
}
#nine a:link, #nine a:visited {
	color: #d30000;
	text-transform: uppercase;
}
p#ten {
	grid-row: 2;
	grid-column: 1/6;
}
/********sign up Email************/
section#emailSub {
	display: flex;
	justify-content: space-between;
	background-color: #D98324;
	/*background-color: #a44200;*/
	margin: 10px auto;
	padding: 20px 10px;
}
#emailSub div {
	flex: 1;
	/*padding-right: 10px;*/
}
#emailSub p {
	font-size: 0.75em;
	line-height: 1.3em;
}
#emailSub h3 {
	padding-bottom: 10px;
}
#emailSub label {
	font-size: 0.75em;
}
#email {
	border-radius: 3px;
	font-size: .7em;
	line-height: 1.2em;
	-webkit-box-shadow: 1px 1px;
	box-shadow: 1px;
	padding: 5px;
	margin-top: 5px;
}
#submit {
	font-size: 0.75em;
	line-height: 1.2em;
	text-align: center;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px;
	box-shadow: 1px 1px;
	border-style: ridge;
	padding-top: 5px;
	margin-top: 5px;
	vertical-align: middle;
}


/******************footer****************/
footer {
	display: flex;
	background-color: #2f486a;
	justify-content: space-between;
	padding: 10px 10px 10px 0;
	margin: auto;
}
footer div {
	padding: 10px;
}
.eralogo01 {
	margin: 0;
	padding: 0;
}
.eralogo02 {
	display: none;
}
#left {
	flex: 1;
}
#middleF {
	flex: 1;
}
#right {
	flex: 1;
}
#right p {
	color: #fff;
	font-size: 0.68em;
	line-height: 1.6em;
}
#middleF li {
	list-style-type: none;
}
footer a {
	text-decoration: none;
	font-size: 0.68em;
	line-height: 1.6em;
}
footer nav li a.currentPage {
	text-decoration: none;
	color: #D98324;
	font-weight: bold;
	cursor: pointer;
}
/**********media screen 700***************/
@media only screen and (min-width:370px) {
body {
	width: 370px;	
	margin: auto;
	}

hearder{
	/*justify-content: left;*/
     padding-left: 0px;
}
	
header h1 {
	font-size: 3em;
}
	
header h1 a.topTitle {
	
	padding: 0 10px;
	
}
	
header nav {
	bottom: 10px;
	right: 15px;
}
	
header nav ul {
	
	margin: 0 10px;
	
}	
	
header nav ul li {
	
	padding: 0 10px;
	
}	
	
h2#one {
	font-size: 1.1em;
}
	
#middle {
	margin: 10px 0;
}	
/*#middle div {
	
	padding: 20px;
	
}*/	
	
	
/*
#middle ul li a {
	font-size: 0.8em;
	line-height: 1.4em;
	
}*/
/*#middle li::before {
	content: "•"; */ /*Insert content that looks like bullets */
	/*padding-right: 5px;
	
}
#middle div p {
	
	font-size: 0.8em;
	line-height: 1.4em;
}*/
	
#emailSub p {
	font-size: 0.8em;
	line-height: 1.4em;
}	
	
section#emailSub {
	
	margin: 10px auto;
	padding: 20px 20px 20px 10px;
}	
	
#emailSub div {
	padding-left: 10px;
}	
#middle ul li {
	list-style-type: none;
	padding: 10px 10px 0px 20px;
}	
#emailSub label {
	font-size: 0.8em;
}	
#email {
	
	font-size: .8em;
	line-height: 1.4em;
	padding: 5px;
	margin-top: 5px;
}
#submit {
	font-size: 0.8em;
	line-height: 1.5em;
	padding-top: 5px;
	margin-top: 5px;
	
}

footer{
	padding: 10px 10px 10px 0;
}	
#right p {
	
	font-size: 0.8em;
	line-height: 1.6em;
}

footer a {
	
	font-size: 0.8em;
	
}
	
	
}


/**********media screen 700***************/
@media only screen and (min-width:420px) {
body {
	width: 420px;	
	margin: 0 auto;
	}

	

/*hearder{
	justify-content: left;
    margin:auto;
	
	}	
	*/
	
header h1 {
	
	font-size: 3.5em;
	
}
	
header nav {
	bottom: 10px;
	right: 10px;
	
}	
	
	
#top h2 {
    font-size: 1.6em;
	line-height: 1.8em;
	top: 20px;
	left: 15px;
}	
h2#one {
	font-size: 1.1em;
	color: #212155;
	font-weight: 400;
}

#middle ul li a {
	font-size: 0.8em;
	line-height: 1.4em;
	
}
#middle li::before {
	content: "•";  /*Insert content that looks like bullets */
	padding-right: 5px;
	
}
#middle div p {
	
	font-size: 0.8em;
	line-height: 1.4em;
}
	
#emailSub p {
	font-size: 0.8em;
	line-height: 1.4em;
}	
section#emailSub {
	
	padding: 20px;
}	
#emailSub div {
	padding-left: 10px;
}	
#middle ul li {
	list-style-type: none;
	padding: 10px 10px 0px 20px;
}	
#email {
	padding: 5px;
	font-size: 0.8em;
	line-height: 1.4em;
	
}
#submit {
	font-size: 0.8em;
	line-height: 1.6em;
	
}	
footer{
	padding: 10px;
}	
	
}

/**********media screen 700***************/
@media only screen and (min-width:700px) {
	body {
		width: 700px;
		margin: 0 auto;
		padding: 0;
	}
	header {
		background: url("image/Header700.jpg") no-repeat;
		/*background-position: top;*/
		height: 219px;
		/*justify-content: left;*/

		
	}
	header h1 {
		font-size: 4em;
	}
	header nav {
		display: flex;
		justify-content: center;
		bottom: 15px;
		right: 15px;
	}
	header nav li a {
		font-size: 1.1em;
	}
	#top h2 {
		font-size: 1.8em;
		line-height: 2em;
		top: 25px;
		left: 20px;
	}
	h2#one {
	   font-size: 1.3em;
	}
	
	/****swap images*****/
	/*.tgift01, .tgift03 {
		display: none;
	}
	.tgift02 {
		display: block;
	}*/
	section#middle {
		display: flex;
		justify-content: space-between;
	}
	div#sloganP {
		flex: 2;
		font-size: 1em;
	}
	div#lists {
		flex: 1;
	}
	#middle ul li {
		padding: 10px 18px;
	}
	div#sloganP {
		padding: 20px;
		margin-top: auto;
	}
	div#sloganP:last-of-type p {
		padding-top: 0px;
	}
	#emailSub label {
		font-size: 0.9em;
	}
	#email {
		margin-top: 5px;
	}
	#submit {
		padding: 3px 20px;
		margin: 5px;
	}
	/****contact page start*****/
	#contactTop {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
		/*****add more padding***********/
		padding: 20px 0 100px 20px;
		margin-left: 200px;
	}
	div#a {
		grid-column: 1/3;
		grid-row: 1;
	}
	div#b {
		grid-column: 1;
		grid-row: 2;
	}
	div#contactInfo {
		grid-column: 2;
		grid-row: 2;
		padding-left: 20px;
	}
	#contactTop h2 {
		font-size: 1.8em;
		line-height: 2em;
		padding: 10px;
	}
	.contactForm {
		/*padding: 10px;*/
		width: 230px;
		font-size: 0.9em;
	}
	#contact div h3 {
		font-size: 1.1em;
		line-height: 1.5em;
	}
	#contact p {
		font-size: 0.9em;
	}
	#submitC {
		font-size: 0.9em;
		line-height: 1.35em;
	}
	/****contact page end*****/
	/*******promotion start************/
	div#articles #twoP {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}
	div#articles #twoP img {
		padding-left: 0px;
		grid-column: 2;
		grid-row: 1;
		padding-right: 10px;
	}
	div#articles #twoP div.spaceP {
		padding-right: 0;
		grid-column: 1;
		grid-row: 1;
		padding-left: 0px;
	}
	#promT h2, #gallery h2 {
		font-size: 1.8em;
		line-height: 2em;
	}
	.slide1 {
		background: url("slides/slide04700365.jpg") top left no-repeat;
	}
	.slide2 {
		background: url("slides/slide07700365.jpg") top left no-repeat;
	}
	.slide3 {
		background: url("slides/slide08700365.jpg") top left no-repeat;
	}
	.slide4 {
		background: url("slides/slide03700365.jpg") top left no-repeat;
	}
	.slide5 {
		background: url("slides/slide10700365.jpg") top left no-repeat;
	}
	.slide6 {
		background: url("slides/slide11700365.jpg") top left no-repeat;
	}
	/***********promotion end******************/
	/***********************about start**************/
	#aboutG {
		display: grid;
		grid-template-columns: 1fr;
	}
	#aboutNav {
		padding-top: 5px;
		padding-left: 0;
		padding-bottom: 5px;
		display: grid;
		grid-template-columns: 1fr;
		margin-right: 0px;
		grid-column: 1/4;
	}
	#aboutNav h4 {
		grid-row: 1;
		text-align: center;
		padding: 5px 0;
	}
	#aboutNav ul {
		grid-row: 2;
		display: flex;
		justify-content: center;
	}
	#aboutService {
		grid-row: 3/7;
		grid-column: 2/4;
		margin: 5px 15px 5px 5px;
	}
	/***********************about end**************/
	/*************footer***************************/
	#right p {
		font-size: 0.9em;
		line-height: 1.8em;
	}
	
	footer {
	
	padding: 10px;
	
}
	footer a {
		font-size: 0.9em;
		line-height: 1.8em;
	}
	/**************footer end******************************/
}
/**********media screen 960***************/
@media only screen and (min-width:960px) {
	body {
		width: 940px;
		margin: 0 auto;
		padding: 0;
	}
	header {
		background: url("image/Header960.jpg") no-repeat;
		background-position: top;
		height: 300px;
	}
	header h1 {
		font-size: 6em;
		padding-left: 20px;
	}
	header nav {
		bottom: 20px;
		right: 20px;
	}
	header nav li a {
		font-size: 1.2em;
	}
	#top h2 {
		font-size: 2em;
		/*top: 30px;
		left: 20px;*/
	}
	/****swap images*****/
	/*.tgift01, .tgift02 {
		display: none;
	}
	.tgift03 {
		display: block;
	}*/
	div#mainFlex {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	section#middle {
		flex: 1;
		display: block;
	}
	section#emailSub {
		flex: 1;
	}
	#middle div {
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
	}
	div#lists {
		display: block;
	}
	div#sloganP {
		flex: 1;
	}
	#middle ul li {
		padding: 10px 18px 0 18px;
	}
	div#sloganP {
		padding: 0 0 10px 20px;
		margin-top: 0;
		margin-bottom: 0;
	}
	div#sloganP:last-of-type p {
		padding-bottom: 5px;
	}
	#submit {
		padding: 3px 30px;
		margin: 5px 5px 5px 2px;
	}
	/****swap images*****/
	.eralogo01 {
		display: none;
	}
	.eralogo02 {
		display: block;
	}
	/*******Contact page start***********/
	#contactTop {
		/*****add more padding***********/
		padding: 20px 20px 150px 30px;
		margin-right: 350px;
		margin-left: 0;
	}
	#contactTop h2 {
		font-size: 2em;
	}
	div#contactInfo {
		padding-left: 30px;
	}
	#contact div h3 {
		font-size: 1.2em;
		line-height: 1.6em;
	}
	#contact p {
		font-size: 1em;
	}
	.contactForm {
		width: 280px;
		font-size: 1em;
	}
	#submitC {
		font-size: 1em;
		line-height: 1.4em;
	}
	/****contact page end*****/
	/*************promotion start***********************/
	div#articles {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 10px;
	}
	div#articles #oneP {
		grid-row: 1;
		grid-column: 1;
		display: grid;
		grid-template-columns: 1fr;
	}
	div.spaceP {
		padding-left: 0;
		padding-top: 10px;
	}
	div#articles #oneP img {
		grid-column: 1;
		grid-row: 1;
	}
	div#articles #oneP div.spaceP {
		grid-column: 1;
		grid-row: 2;
	}
	div#articles #twoP {
		grid-row: 1;
		grid-column: 2;
		display: grid;
		grid-template-columns: 1fr;
		padding-left: 0;
		grid-gap: 0px;
	}
	div#articles #twoP img {
		grid-column: 1;
		grid-row: 1;
	}
	div#articles #twoP div.spaceP {
		grid-column: 1;
		grid-row: 2;
	}
	div#articles #threeP {
		grid-row: 1;
		grid-column: 3;
		display: grid;
		grid-template-columns: 1fr;
	}
	div#articles #threeP img {
		grid-column: 1;
		grid-row: 1;
	}
	/*	
	
	#promTop h2, #gallery h2{
		font-size: 2em;
				
	}*/
	div#articles #threeP div.spaceP {
		grid-column: 1;
		grid-row: 2;
	}
	.slide1 {
		background: url("slides/slide04960500.jpg") top left no-repeat;
	}
	.slide2 {
		background: url("slides/slide07960500.jpg") top left no-repeat;
	}
	.slide3 {
		background: url("slides/slide08960500.jpg") top left no-repeat;
	}
	.slide4 {
		background: url("slides/slide03960500.jpg") top left no-repeat;
	}
	.slide5 {
		background: url("slides/slide10960500.jpg") top left no-repeat;
	}
	.slide6 {
		background: url("slides/slide11960500.jpg") top left no-repeat;
	}
	/*************promotion end***********************/
	/*************about start***********************/
	#aboutService {
		display: grid;
		grid-template-columns: 1fr 1fr;
		justify-content: space-between;
	}
	/*************about end***********************/
	/*************footer***************************/
	#right p {
		font-size: .95em;
		line-height: 1.9em;
	}
	footer a {
		font-size: .95em;
		line-height: 1.9em;
	}
	main {
		margin-bottom: 0px;
	}
	/**************footer end******************************/
}