#juniper_rugged{
	background-image: url(/images/backgrounds/Rugged_Header_XL.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 545px;	
	text-align: center;
	padding-top:5%
}


.experience-rugged-list {
    list-style-type: disc; /* Ensure bullets are shown */
    padding-left: 20px; /* Add padding to ensure bullets are inside the view */
    padding-left: 20px;
	margin-left: 50%;
    translate: -50%;	
	width: fit-content;
	

}

.experience-rugged-list li {
    text-align: left; /* Ensure list items are left-aligned */
	list-style: disc;
}


/*------------------------------------------------------------------------------------------------*\

| xxs breakpoint

\*------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
	#juniper_rugged{
		height: 800px;
	}	
	.experience-rugged-list {
		width:90%
	}
}

/*------------------------------------------------------------------------------------------------*\

| xs breakpoint

\*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 321px) and (max-width: 480px) {
	#juniper_rugged{
		height: 800px;
	}


	.experience-rugged-list {
		width:80%
	}
}

/*------------------------------------------------------------------------------------------------*\

| sm breakpoint

\*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 768px) {
	.experience-rugged-list {
		width:80%
	}
}

/*------------------------------------------------------------------------------------------------*\

| md breakpoint

\*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.experience-rugged-list {
		width:max-content
	}
}

/*------------------------------------------------------------------------------------------------*\

| lg breakpoint

\*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1025px) and (max-width: 1280px) {

}

/*------------------------------------------------------------------------------------------------*\

| xl breakpoint

\*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1281px) and (max-width: 1440px) {

}

/*------------------------------------------------------------------------------------------------*\

| xxl breakpoint

\*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1441px) and (max-width: 1920px) {

}

/*------------------------------------------------------------------------------------------------*\

| xxxl breakpoint

\*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1921px) {

}