.grid{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
}

.wrapper{
	max-width:1400px;
	margin: 0 auto;
  background-color:none;
}

/*-------------------------------------------------Heading---------------------------------------------------------*/

.title{
  height:125px;
  grid-column: 1/4;
  background-color: #4A4C67
}

#title{
  margin-top: 12px;
  height:100px
}

/*-------------------------------------------------offer---------------------------------------------------------*/


.offerSection{
	grid-column: 1/4;
	background-color: white
}

.offerContainer{
	width:90%;
	margin-left: 4%;
	margin-top: 25px;
	border-radius: 10px;
	background-color: #D35400;
}

.offerInfoHead{
	font-family: 'Calibri';
	font-size: 40px;
	font-weight:bold;
	text-align: center;
	color: white;
	margin-top: 5px;
	padding-top: 10px;
}

.offerInfo{
	font-family: 'Calibri';
	font-size: 25px;
	font-style: italic;
	text-align: center;
	color: white;
	margin-top: 5px;
	padding-bottom: 10px
}


@media screen and (max-width:800px){
	.offerContainer{
		width: 100%;
		margin-left: 0%;
	}
	.offerInfoHead{
		font-size: 35px
	}
	.offerInfo{font-size: 20px}
}

@media screen and (max-width:800px){
	.offerContainer{
		width: 100%;
		margin-left: 0%;
	}
	.offerInfoHead{
		font-size: 25px
	}
	.offerInfo{font-size: 15px}
}

/*-------------------------------------------------body---------------------------------------------------------*/


.mainSection{
  grid-column: 1/4;
  background-color: white
}

.privateTitle{
	font-family: 'Calibri';
	font-size: 40px;
	font-weight:bold;
	text-align: center;
	color: #70B3DD;
	margin-top: 25px;
	margin-bottom: 25px
}

#privateMainImage{
	width:80%;
	max-width:1000px;
	border-radius: 10px;
	margin-bottom: 25px
}

.privateInfo{
	font-family: 'Calibri';
	font-size: 25px;
	text-align: center;
	margin-left: 10%;
	width:80%;
	color: #4A4C67;
	margin-bottom: 50px;
}

.privateTable{
	width:80%;
}

.private1:hover{
	opacity: 0.8
}

.private1{
	margin-left: 15%;
	width:70%;
	padding-bottom: 5px;
	margin-bottom: 50px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.privateTable td{
	font-size: 30px;
	font-family: 'Calibri';
	color: #4A4C67;
	text-align: center;
}

#privatePic{
	width:100%;
	align-items: center
}


@media screen and (max-width:1000px){
	.private1{
		width: 80%;
		margin-left: 10%;
	}
}


@media screen and (max-width:650px){
	.privateTitle{
		font-size: 25px;
	}
	.privateMainImage{
	width:100%
	}
	.privateInfo{
		font-size: 18px;
	}
	.privateTable{width: 100%}
	.private1{
		width: 90%;
		margin-left: 5%;
	}
	.privateTable td{
		font-size: 18px;
	}
	.container{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#privateMainImage{width: 100%}
}