#hero {
	height : 100vh;
	width : 100%;
	border-bottom : 10px solid black;
}
#none {
	width : 100%;
	display : none;
}

/* ==================================================================

						ID SECTIONS

================================================================== */
#hero {
	background : url("../images/pack-serv.jpg") no-repeat;
	background-position : center center;
	background-size : cover;
	background-size : cover;
	background-blend-mode : darken;
	width : 100%;
	height : 70vh;
	display :flex ;
}

#pack-div{
	min-height : 30vh;
	display : flex;
	width : 100%;
	background-color :black;
	color : white ;
}

#ser-hero {
	background : url("../images/contact-us.jpg") no-repeat;
	background-position : center center;
	background-attachment : fixed;
	background-size : cover;
	background-size : cover;
	width : 100%;
	height : 60vh;
	display :flex ;
	text-align :center;
	color : white;
}
#ser-recent {
	display : none;
}
#technology {
	background-color : #8080805c;
	padding-bottom : 30px;
}
#packages {
	color: #FFB687;
	background-color : #d6d6d6;
    font-style: italic;
    font-weight: 600;
	padding : 20px;
    text-shadow: 1px 2px 1px black;
}
#packages article {
	flex-direction: column !important;
}
/* ==================================================================

						PARAGRAPH

================================================================== */

#packages .firsth2 {
	color : #8f4d4d;
	text-shadow: 1px 2px 1px 1a0000;
	font-family : assistant;
	font-size : 42px;
	 font-weight: 800;
	text-align :center;
	padding : 4%;
	text-decoration :  underline;

}
#packages p , #packages ul li {
	color : black;
	text-shadow: none;
}
#packages ul li {
	list-style : order;
}
#packages article h2 span {
	color : #cb6565;
	text-decoration : underline orange;
}
#packages .cross-over{
	font-size: 22px;
	text-decoration : line-through red 3px;
}
#packages article p {
	font-style : italic;
	letter-spacing : 1.2px;
	font-size: 23px;
}
#ser-recent h1 {
	text-align :center;
	color :#FFB687;
	font-style : italic;
	margin : 30px;
	font-size : 62px;
	text-shadow : 2px 3px 2px black;
	text-decoration : underline;
}
#technology h3, #technology h4{
	font-weight : 700;
	font-family : assistant;
	text-align :center;
}
#technology h5{
	font-style : italic;
}
#packages .content p{
	font-style : italic;
	font-size : 21px;
}
#packages .content h4 {
	font-family : assistant;
	font-style : italic;
	font-size : 26px;
	font-weight : 800;
	color : #FFB687;
	text-shadow : 1px 1px 0px black;
}
#ser-hero .centerfy h1 {
	font-weight : 700;
	font-style : italic;
	padding : 1.2%;
	background-color : #000000a8;
}
/* ==================================================================

						SUB SECTIONS

================================================================== */
#contact-modal .centerfy {
	display :flex !important;
}
#pack-div aside {
	margin : auto;
	text-align :center;
	flex-direction: column;
}
#ser-hero .centerfy {
	margin : auto;
	text-align :center;
	flex-direction :column;
}
#technology .row {
	margin-bottom : 20px;
}
#hero .centerfy {
	margin : auto;
	color : white;
	flex-direction : column;
	background-color  : #362e2e8c;
	width : 100%;
	height : 100%;
}
#packages .content {
	display :flex;
	flex-direction :column;
}
#packages .hid-cotent {
	display : none ;
}
#technology aside{
	display :flex !important;
	flex-direction : column !important;
	align-items :center !important;
}
#technology .centerfy{
	flex-direction : column;
	padding : 30px 0px;
	margin-bottom : 10px;
}
/* ==================================================================

			BUTTONS			BUTTONS			BUTTONS			BUTTONS

================================================================== */

#ser-hero .btn {
	width : 200px;
	height : 50px;
	background-color : #FFB687;
	color :white;
	font-weight : 700;
	transition : all 0.6s ease;
}
#packages .content .btn {
	color :white;
	background-color : black;
	margin-right : 5px;
	font-weight : 710;
	transition : all 0.4s ease-in;
	cursor : pointer;
}



/* ==================================================================

			EVENT STATS			 EVENT STATS			EVENT STATS

================================================================== */
#ser-hero .btn:hover {
	background-color : white;
	border : 3px solid #FFB687;
	color : black;
}
#packages .content .btn:hover {
	font-size : 32px;
	color :black;
	background-color : #FFB687;
}




#hero h1,#hero h2 ,#hero h3{
	color: #FFB687;
    font-style: italic;
    font-weight: 600;
	text-align : center;
    text-shadow: 1px 3px 2px white;
}
#hero h1 {
	font-size : 4.2rem;
}
#hero h2 {
	font-size : 3rem;
}
#hero h3 {
	font-size : 2rem;
}


/* ===============================================================
SERVICE
================================================================ */
#services {
    min-height: 100vh !important;
}