*{
	margin: 0;
	padding: 0;
	font-family: 'arial','sans-serif';
	font-size: 16px; 
}
body{
	background: #f2f3f7;
}
h1{
	text-transform: uppercase;
	font-size: 2rem !important;
	color: #AD7AA7;
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 3rem;
	padding-bottom: 1.5rem;
	padding-top: 100px;
}
.content:before{
	content: '';
    position: absolute;
    left: 0px;
    top: 18px;
    color: #AD7AA7;
    width: 6px;
    height: 6px;
    border: 1px solid #AD7AA7;
    background: #AD7AA7;
    border-radius: 50%;
}
.content_t p{
	margin-bottom: 0;
}
.package{
	width: 100%;
	height: 100%;
	padding: 20px 30px;
	background: white;
	box-shadow: 0px 0px 16px 1px #c5c5c5;
}
.rr{
	margin-bottom: 30px;
}
.package-title{
	text-transform: uppercase;
	text-align: center;
	color: #AD7AA7; 
	padding-bottom: 20px;
	font-weight: 600;
}
.package-img{
	width: 100%;
	border-radius: 5px;
}
.package-text{
	min-height: 140px;
	padding:10px 10px;
	position: relative;
}
.package .package-detail{
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.package .package-detail a{
	color: #ffff;
	background: #AD7AA7;
	border: solid 1px  #AD7AA7;
	border-radius: 10px;
    padding: 10px 20px;
    font-style: italic;  
    transition: 0.3s;
    text-decoration: none;
}
.package .package-detail a:hover,
.package .package-detail a:focus{
	color: #AD7AA7;
	background: #ffff;
	transition: 0.3s;
}
ul li a{
	color: #ffff;
}
ul li a:hover{
	text-decoration: none;
	
}
/*---------------------------------------media---------------------------*/
@media(max-width: 992px){
	h1{
		padding-top: 50px;
	}
}
@media(max-width: 768px){
	*{
		font-size: 14px !important;
	}
	h1{
		padding-top: 20px;
		font-size: 1.5rem !important;
	}
}
@media(max-width: 576px){
	*{
		font-size: 12px !important;
	}
	
}