@media screen and (min-width: 1px) and (max-width: 630px) { 
	.hamburger { 
		display: block; 
	} 

	.menu {
		position: absolute; 
		right: 0; 
		top: 75px;
		/*background-color: green;*/
		background-image: linear-gradient(65deg, #1313c7, #198bb8); 
		display: none;
		z-index: 1;
	}
	
	.menu { 
		padding: 0 1rem; 
	} 

	.menu-list {
		flex-direction: column;
	}
	
	.menu-list .menu-list-items { 
		padding: 0.5rem 0rem; 
	} 

	.gmap { 
		height: 500px;
	} 

	.country-plan { 
		padding-top: 0rem;
		padding-bottom: 2rem;
		padding-left: 0rem;
		padding-right: 0rem;
	}

	.country-plan-content {
		display: flex;
		flex-direction: column;
		align-items: start;	
		width: 100%;
	}
	
	.country-route {
		max-width: 100%;
	}

	.country-itin {
		padding: 0rem 2rem;
	}
	
	.blog-album-card { 
		width: 100%;
		padding: 0 !important; 
		background: none !important; 
	} 
	
	.blog-img-grid {
		display: flex;
		flex-wrap: wrap;
		align-items: start;
	}
	
	.sort-container {
		padding-right: 1rem;
	}

	.group-title {
		margin-left: 1rem;
	}

	.portfolio { 
		margin: 0 0 2rem; 
		padding: 0rem 0rem; 
	} 

	.port-thumbnails {
		display: flex;
		flex-direction: column;
	}

	.port-card { 
		width: 100%;
		padding: 0 !important; 
		background: none !important; 
		border: initial;
		display: grid;
		grid-template-columns: 1;
		grid-template-rows: 1;
		align-items: center;
	} 
	
	.port-card .image {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		grid-area: 1 / 1 / span 1 / span 1;
	} 

	.port-card-label {
		margin-bottom: 30%;
		grid-area: 1 / 1 / span 1 / span 1;
		background-color: rgba(192,192,192,.5);
	}
	
	.port-card-label-text {
/*		padding: 10px 20px; */
	}

	.blue-text {
		color: #ff4dff;
	}
	
	.greet-heading {
		font-weight: 400;
		font-size: 1.5rem;
	}
}

@media screen and (min-width: 1px) and (max-width: 200px) { 
	.port-card-label {
		padding: 5px 10px;
	}
	.port-card-label-text {
/*		padding: 5px 10px; */
	}

	.greet-heading {
		font-size: 0.8rem;
	}
}

@media screen and (min-width: 200px) and (max-width: 300px) { 
	.greet-heading {
		font-weight: 400;
		font-size: 1rem;
	}
}

@media screen and (min-width: 500px) and (max-width: 800px) { 
	.group-title {
		grid-column-end: 3;
	}

	.port-thumbnails {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 800px) and (max-width: 1200px) { 
	.group-title {
		grid-column-end: 4;
	}

	.port-thumbnails {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1400px) { 
	.group-title {
		grid-column-end: 5;
	}

	.port-thumbnails {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media screen and (min-width: 1400px) { 
	.port-thumbnails {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
}