.packages-header
{
	margin-top: 3rem;
	margin-bottom: 5rem;
}

.packages-header img
{
	width: 100%;
}

#packages-section
{
	width: 100%;
}

#subscribe-btn
{
	width: 100%;
	border-radius: 1rem;

	/*background-color: #0B8410;
	color: #FFFFFF;*/
	border-style: solid;
	border-width: 2px;
	/*background: linear-gradient(to bottom right, #FFF848, #CFEA7F, #DDF7C8, #7EB863, #13524A);*/
	border-color: #239B56;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #114F4A;

	transition: all .3s ease-in-out;
}

#subscribe-btn:hover
{
	font-weight: bold;

	background-color: #166036;
	color: #fff;

	transform: scale(1.2);
}

.see-full-plan-details
{
	color: #EC7063;
}

.see-full-plan-details:hover
{
	color: #CB4335;
	font-weight: bold;
}

/*------------------------------------------------
				PACKAGE 69 SECTION
--------------------------------------------------*/

.package-69-section
{
	background-color: #FFFFFF;

	padding: 2rem;
	margin-bottom: 5rem;
	border-radius: 3rem;
}

.package-69-img img
{
	width: 400px;
	height: 250px;
}

.package-69-title, .package-69-desc, .package-69-price
{
	border-style: solid;
	border-width: 2px;
	border-radius: 3rem;
	border-color: #239B56;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #114F4A;

	padding: 3rem;
}

/*------------------------------------------------
				PACKAGE 99 SECTION
--------------------------------------------------*/

.package-99-section
{
	background-color: #FFFFFF;

	padding: 2rem;
	margin-bottom: 5rem;
	border-radius: 3rem;
}

.package-99-img img
{
	width: 400px;
	height: 250px;
}

.package-99-title, .package-99-desc, .package-99-price
{
	border-style: solid;
	border-width: 2px;
	border-radius: 3rem;
	border-color: #239B56;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #114F4A;

	padding: 3rem;
}

/*------------------------------------------------
				PACKAGE 200 SECTION
--------------------------------------------------*/

.package-200-section
{
	background-color: #FFFFFF;

	padding: 2rem;
	margin-bottom: 5rem;
	border-radius: 3rem;
}

.package-200-img img
{
	width: 400px;
	height: 250px;
}

.package-200-title, .package-200-desc, .package-200-price
{
	border-style: solid;
	border-width: 2px;
	border-radius: 3rem;
	border-color: #239B56;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #114F4A;

	padding: 3rem;
}

/*------------------------------------------------
				PACKAGE 300 SECTION
--------------------------------------------------*/

.package-300-section
{
	background-color: #FFFFFF;

	padding: 2rem;
	margin-bottom: 5rem;
	border-radius: 3rem;
}

.package-300-img img
{
	width: 400px;
	height: 250px;
}

.package-300-title, .package-300-desc, .package-300-price
{
	border-style: solid;
	border-width: 2px;
	border-radius: 3rem;
	border-color: #239B56;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #114F4A;

	padding: 3rem;
}

/*------------------------------------------------
				PACKAGE 500 SECTION
--------------------------------------------------*/

.package-500-section
{
	background-color: #FFFFFF;

	padding: 2rem;
	margin-bottom: 5rem;
	border-radius: 3rem;
}

.package-500-img img
{
	width: 400px;
	height: 250px;
}

.package-500-title, .package-500-desc, .package-500-price
{
	border-style: solid;
	border-width: 2px;
	border-radius: 3rem;
	border-color: #239B56;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #114F4A;

	padding: 3rem;
}
/*------------------------------------------------
			MODAL SECTION
--------------------------------------------------*/
.modal .modal-dialog .modal-header
{
	/*background: linear-gradient(to bottom, #000000, #13524A);*/
	background-color: #239B56;
}

.modal .modal-dialog .modal-header h3
{
	color: #114F4A;
}

.modal .modal-dialog .modal-footer
{
	background-color: #FFFFFF;
	color: #114F4A;
}

.modal .modal-dialog .modal-footer #close-modal-btn
{
	border-style: solid;
	border-width: 2px;
	border-color: #219082;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #219082;

	transition: all .3s ease-in-out;
}

.modal .modal-dialog .modal-footer #close-modal-btn:hover
{
	transform: scale(1.2);
}

#submit-btn
{
	border-style: solid;
	border-width: 2px;
	border-color: #219082;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #114F4A;

	transition: all .3s ease-in-out;
}

#submit-btn:hover
{
	background-color: #219082;
	color: #fff;
}

#close-btn
{
	border-style: solid;
	border-width: 2px;
	background-color: #E74C3C;
	color: #FFF;

	transition: all .3s ease-in-out;
}

#close-btn:hover
{
	font-weight: bold;
	background-color: #B03A2E;
}

/*------------------------------------------------
				MEDIA QUERIES
--------------------------------------------------*/
@media (max-width: 786px)
{
	.packages-header
	{
		margin-top: 5rem;
		margin-bottom: 5rem;
	}

	.packages-header img
	{
		height: 150px;
	}

	.package-69-section, .package-99-section, .package-200-section, .package-300-section, .package-500-section
	{
		padding: 0;
	}

	.package-69-title, .package-69-desc, .package-69-price
	{
		margin: 1rem;
		display: block;
	}

	.package-99-title, .package-99-desc, .package-99-price
	{
		margin: 1rem;
		display: block;
	}

	.package-200-title, .package-200-desc, .package-200-price
	{
		margin: 1rem;
		display: block;
	}

	.package-300-title, .package-300-desc, .package-300-price
	{
		margin: 1rem;
		display: block;
	}

	.package-500-title, .package-500-desc, .package-500-price
	{
		margin: 1rem;
		display: block;
	}
}

@media (max-width: 425px)
{
	.package-69-section, .package-99-section, .package-200-section, .package-300-section, .package-500-section
	{
		padding: 0;
	}

	.package-69-img img, .package-99-img img, .package-200-img img, .package-300-img img, .package-500-img img
	{
		width: 375px;
	}

	.package-69-title, .package-69-desc, .package-69-price
	{
		margin: 1rem;
		display: block;
	}

	.package-99-title, .package-99-desc, .package-99-price
	{
		margin: 1rem;
		display: block;
	}

	.package-200-title, .package-200-desc, .package-200-price
	{
		margin: 1rem;
		display: block;
	}

	.package-300-title, .package-300-desc, .package-300-price
	{
		margin: 1rem;
		display: block;
	}

	.package-500-title, .package-500-desc, .package-500-price
	{
		margin: 1rem;
		display: block;
	}
}

@media (width: 375px)
{
	.package-69-section, .package-99-section, .package-200-section, .package-300-section, .package-500-section
	{
		padding: 0;
	}

	.package-69-img img, .package-99-img img, .package-200-img img, .package-300-img img, .package-500-img img
	{
		width: 350px;
		height: 225px;
	}

	.package-99-title, .package-99-desc, .package-99-price
	{
		margin: 1rem;
		display: block;
	}

	.package-200-title, .package-200-desc, .package-200-price
	{
		margin: 1rem;
		display: block;
	}

	.package-300-title, .package-300-desc, .package-300-price
	{
		margin: 1rem;
		display: block;
	}

	.package-500-title, .package-500-desc, .package-500-price
	{
		margin: 1rem;
		display: block;
	}
}

@media (width: 320px)
{
	.package-69-section, .package-99-section, .package-200-section, .package-300-section, .package-500-section
	{
		padding: 0;
	}
	
	.package-69-img img, .package-99-img img, .package-200-img img, .package-300-img img, .package-500-img img
	{
		width: 300px;
		height: 250px;
	}

	.package-99-title, .package-99-desc, .package-99-price
	{
		margin: 1rem;
		display: block;
	}

	.package-200-title, .package-200-desc, .package-200-price
	{
		margin: 1rem;
		display: block;
	}

	.package-300-title, .package-300-desc, .package-300-price
	{
		margin: 1rem;
		display: block;
	}

	.package-500-title, .package-500-desc, .package-500-price
	{
		margin: 1rem;
		display: block;
	}
}