.container_sights {
    	display: grid;
    	grid-template-columns: 1.7fr 1fr;
    	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    	gap: 0px 0px;
    	grid-auto-flow: row;
    	grid-template-areas:
    		"sight1 sight1"
    		"sight2 sight2"
    		"sight3 sight3"
    		"sight4 sight4"
			"sight5 sight5"
			"sight6 sight6";
    }

	.sight1 {
    	display: grid;
    	grid-template-columns: 1fr 1.7fr;
    	grid-template-rows: 1fr;
    	gap: 0px 0px;
    	grid-auto-flow: row;
    	grid-template-areas:
    		"sight1_img sight1_text";
    	grid-area: sight1;
		border-top: 1px solid gray;
		padding-top: 50px;
    }

    .sight1_img {
    	grid-area: sight1_img;
		padding: 10px;
    }

    .sight1_text {
    	grid-area: sight1_text;
		padding: 50px;
    }

	.sight2 {
    	display: grid;
    	grid-template-columns: 1.7fr 1fr;
    	grid-template-rows: 1fr;
    	gap: 0px 0px;
    	grid-auto-flow: row;
    	grid-template-areas:
    		"sight2_text sight2_img";
    	grid-area: sight2;
		border-top: 1px solid gray;
		padding-top: 50px;
    }

    .sight2_img {
    	grid-area: sight2_img;
		padding: 10px;
    }

    .sight2_text {
    	grid-area: sight2_text;
		padding: 50px;
    }

    .sight3 {
    	display: grid;
    	grid-template-columns: 1fr 1.7fr;
    	grid-template-rows: 1fr;
    	gap: 0px 0px;
    	grid-auto-flow: row;
    	grid-template-areas:
    		"sight3_img sight3_text";
    	grid-area: sight3;
		border-top: 1px solid gray;
		padding-top: 50px;
    }

    .sight3_img {
    	grid-area: sight3_img;
		padding: 10px;
    }

    .sight3_text {
    	grid-area: sight3_text;
		padding: 50px;
    }

    .sight4 {
    	display: grid;
    	grid-template-columns: 1.7fr 1fr;
    	grid-template-rows: 1fr;
    	gap: 0px 0px;
    	grid-auto-flow: row;
    	grid-template-areas:
    		"sight4_text sight4_img";
    	grid-area: sight4;
		border-top: 1px solid gray;
		padding-top: 50px;
    }

    .sight4_text {
    	grid-area: sight4_text;
		padding: 20px;
    }

    .sight4_img {
    	grid-area: sight4_img;
		padding: 25px;
    }

    .sight5 {
    	display: grid;
    	grid-template-columns: 1fr 1.7fr;
    	grid-template-rows: 1fr;
    	gap: 0px 0px;
    	grid-auto-flow: row;
    	grid-template-areas:
    		"sight5_img sight5_text";
    	grid-area: sight5;
		border-top: 1px solid gray;
		padding-top: 50px;
    }

    .sight5_img {
    	grid-area: sight5_img;
		padding: 10px;
    }

    .sight5_text {
    	grid-area: sight5_text;
		padding: 50px;
    }

    .sight6 {
    	display: grid;
    	grid-template-columns: 1.7fr 1fr;
    	grid-template-rows: 1fr;
    	gap: 0px 0px;
    	grid-auto-flow: row;
    	grid-template-areas:
    		"sight6_text sight6_img";
    	grid-area: sight6;
		border-top: 1px solid gray;
		padding-top: 40px;
		padding-bottom: 40px;
    }

    .sight6_text {
    	grid-area: sight6_text;
		padding: 20px;
    }

    .sight6_img {
    	grid-area: sight6_img;
		padding: 20px;
    }

    .sight_heading {
    	font-size: 50px;
    	font-weight: 300;
    }

	.img_size {
		width: 400px;
		height: 350px;
	}

	.carousel-surrounding-img-size {
		height: 50vh;
		;
	}


    /* ----- RESPONSIVE CSS ----- */
    @media (max-width: 768px) {
		.sight_heading{
			font-size: 45px;
		}

		.carousel-surrounding-img-size {
			height: 25vh;
			;
		}

    	.container_sights {
			grid-template-columns: 1fr;
			grid-template-rows: 1fr;
			grid-template-areas:
				"sight1 sight1"
				"sight2 sight2"
				"sight3 sight3"
				"sight4 sight4"
				"sight5 sight5"
				"sight6 sight6";
			text-align: center;
		}

		.sight1 {
			grid-template-columns: 1fr;
			grid-template-rows: 1fr;
			grid-template-areas:
				"sight1_img"
				"sight1_text";
			grid-area: sight1;
			border-top: 1px solid gray;
			padding-top: 50px;
		}

		.img_size {
			width: 270px;
			height: 210px;
		}

		.sight1_text {
			padding: 0;
			padding-top: 20px;
			padding-bottom: 10px;
		}

		.sight2 {
			grid-template-columns: 1fr;
			grid-template-rows: 1fr;
			grid-template-areas:
				"sight2_text"
				"sight2_img";
			grid-area: sight2;
			border-top: 1px solid gray;
			padding-top: 10px;
		}

		.sight2_text {
			padding: 0;
			padding-top: 20px;
		}

		.sight2_img {
			padding-bottom: 30px;
		}

		.sight3 {
			grid-template-columns: 1fr;
			grid-template-rows: 1fr;
			grid-template-areas:
				"sight3_img"
				"sight3_text";
			grid-area: sight3;
			border-top: 1px solid gray;
			padding-top: 30px;
		}

		.sight3_text {
			padding: 0;
			padding-top: 20px;
			padding-bottom: 10px;
		}

		.sight4 {
			grid-template-columns: 1fr;
			grid-template-rows: 1fr;
			grid-template-areas:
				"sight4_text"
				"sight4_img";
			grid-area: sight4;
			border-top: 1px solid gray;
			padding-top: 10px;
		}

		.sight4_text {
			padding: 0;
			padding-top: 20px;
		}

		.sight4_img {
			padding: 0;
			padding-bottom: 30px;
		}

		.sight5 {
			grid-template-columns: 1fr;
			grid-template-rows: 1fr;
			grid-template-areas:
				"sight5_img"
				"sight5_text";
			grid-area: sight5;
			border-top: 1px solid gray;
			padding-top: 30px;
		}

		.sight5_text {
			
			padding: 0;
			padding-top: 20px;
			padding-bottom: 10px;
		}

		.sight6 {
			grid-template-columns: 1fr;
			grid-template-rows: 1fr;
			grid-template-areas:
				"sight6_text"
				"sight6_img";
			grid-area: sight6;
			border-top: 1px solid gray;
			padding-top: 10px;
		}

		.sight6_text {
			padding: 0;
			padding-top: 20px;
		}
    }