#crm {	color: #ffffff;	text-align: center;	margin: 10rem auto;}#crm p{	font-size: 1.3rem;	line-height: 2.3rem;}#crm p.crm-titles {	font-size: 2.3rem;	position: relative;	display: inline-block;	margin: 2rem;}#crm p.crm-titles:before,#crm p.crm-titles:after {	content: "";	position: absolute;	border-bottom: 1px solid rgba(255,255,255,0.5);	top: 1.3rem;	width: 16rem;}#crm p.crm-titles:before {	right: 100%;	margin-right: 1.5rem;}#crm p.crm-titles:after {	left: 100%;	margin-left: 1.5rem;}.card-index-container {	border-radius: 50%;	height: 20px;	width: 20px;	display: inline-block;    	background: #3283e2;	vertical-align: top;	margin-right: 0.5em;}.card-index {	display: block;	color: #FFFFFF;            width:20px;	height: 20px;    	line-height: 20px;    	text-align: center;}.card-title {	margin-top: 0.3rem;}.card-intro .items{	display: flex;	flex-direction: row;	font-size: 1.7rem;	margin-bottom: 3rem;}.card-intro .lastItem{	margin-bottom: 0rem;}.card-intro{	display: flex;	flex-direction: column;	margin-bottom: 2rem	;	padding-top:3rem;	padding-bottom: 3rem;	padding-left : 2em;	padding-right : 2em;	text-align: left;	border-radius: 6px;	background-color: rgba(82, 69, 165, 0.5);	box-shadow: 10px 10px 10px rgba(21, 16, 45, 0.15);	-webkit-appearance: none;	-webkit-box-shadow: 10px 10px 10px rgba(21, 16, 45, 0.15);	-moz-box-shadow: 10px 10px 10px rgba(21, 16, 45, 0.15);}.sidebar-left {	float:left;	width: 0.1em;	height: 2.5em; 	background: #3283e2;	margin-left: 1em;}#crm-description p{	text-align: left;	margin-top: 3rem;	display: flex;}.skillset{	display: flex;	flex-direction: row;	flex-wrap: wrap;	justify-content: space-between;}.skill-img{	width : 60%}#scope-img{	width:100%}#crm #skillset-container{	margin-top: 5rem;}#crm #scope-container {	margin-top: 5rem;}.drun-tag{	margin-top: 7rem;}@media only screen and (min-width: 1281px) {	.navbar, .main-div, .dropdown-div, .footer {			width: 70%;			max-width: 200rem;			margin: 0 auto;	}	.card-intro, #crm-description{		max-width: 200rem;	}	#crm-summary{		padding-left: 12rem;		padding-right: 12rem;	}	#crm #scope-container{		padding-left: 11rem;		padding-right: 11rem;	}	#crm #skillset-container{		padding-left: 8rem;		padding-right: 8rem;	}	#crm #skillset-container .skillset{		margin-top: 4rem;	}}@media only screen and (min-width: 992px) and (max-width: 1280px) {	.navbar, .main-div, .dropdown-div, .footer {			width: 80%;			margin: 0 auto;	}	#crm-summay{		padding-left: 10rem;		padding-right: 10rem;	}	.skill-img-container{		margin-bottom: 3rem;	}}@media only screen and (min-width: 768px) and (max-width: 991px) {	.navbar, .main-div, .dropdown-div, .footer {			width: 90%;			margin: 0 auto;	}	#crm-summary{		padding-left: 0rem;		padding-right: 0rem;	}	.skill-img-container{		margin-bottom: 3rem;	}	#crm p.crm-titles:before,	#crm p.crm-titles:after {			width: 15rem;	}}@media only screen and (min-width: 415px) and (max-width: 767px) {	.navbar, .main-div, .dropdown-div, .footer {		width: 90%;		margin: 0 auto;	}	#crm-summary{		padding-left: 0rem;		padding-right: 0rem;	}	.skill-img-container{		margin-bottom: 3rem;	}	#crm p.crm-titles {		font-size: 2.1rem;		width: 70%;		margin : 0rem;		margin-bottom: 1.5rem;		margin-top: 1.5rem;	}	#crm p.crm-titles:before,	#crm p.crm-titles:after {		top: 1rem;		width: 4rem;		margin: 0rem;	}}@media only screen and (max-width: 416px) {	.navbar, .main-div, .dropdown-div, .footer {			width: 80%;			margin: 0 auto;	}	#crm-summary{		padding-left: 0rem;		padding-right: 0rem;	}	.skill-img-container{		margin-bottom: 3rem;	}	.skillset{		flex-direction: column;		align-items: center;	}	#crm p.crm-titles {		font-size: 1.8rem;		margin: 0;		width : 80%;		margin-bottom: 1.5rem;		margin-top: 1.5rem;	}	#crm p.crm-titles:before,	#crm p.crm-titles:after {		top: 1rem;		width: 5rem;		margin: 0rem;	}	.drun-tag{		margin-top: 3rem;	}}