.card {
	border-width: 0;
} 

.note_pen h1 {
	color: rgba(0, 0, 0, 0.95);
	font-size: 1.5rem;
	text-align: center;
}

.note_pen h2 {
	color: rgba(0, 0, 0, 0.95) !important;
	font-size: 1rem;
}

.note_pen div.headermain {
	background-image: url('/mengine/templates/.new_design/img/bg_note_pen_sm.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 165px;
}

.note_pen div.headermain h1, .note_pen div.headermain h2 {
	text-align: center;
}

@media (min-width: 576px) {
	.note_pen div.headermain {
		background-position: right center;
	}	
	.note_pen div.headermain h1, .note_pen div.headermain h2 {
		text-align: center;
	text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5);
	}
}
@media (min-width: 876px) {
	.note_pen div.headermain {
		background-position: right center;
	}	
				
	.note_pen .nav-item + .nav-item {
		border-left: 3px solid #fff;
	}
}

@media (min-width: 992px) {
	.note_pen div.headermain {
		background-position: right center;
		background-image: url('/mengine/templates/.new_design/img/bg_note_pen.png');
	}
	.note_pen div.headermain h1, .note_pen div.headermain h2 {
		text-align: left;
	}
}



.note_pen div.main_logo {
	width: 100px;
	height: 100px;
}

.note_pen div.main_logo.roundborder {
	border-radius: 500px;
	border: 6px solid rgba(185, 185, 185, 0.5);
	overflow: hidden;
	width: 110px;
	height: 110px;
}
		
.note_pen div.main_logo.squareborder {
	border-radius: 15px;
	border: 7px solid rgba(185, 185, 185, 0.5);
	overflow: hidden;
	width: 110px;
	height: 110px;
}
		
.note_pen div.main_logo.roundshadow {
	border-radius: 500px;
	border: none;
	overflow: hidden;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.note_pen div.main_logo.squareshadow {
	border-radius: 15px;
	border: none;
	overflow: hidden;
	box-shadow: 0px 5px 15px -5px rgba(65, 65, 65, 0.5);
}

.note_pen div.main_logo.no_logo {
	display: none;
}

.note_pen div.main_logo div.img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.note_pen div.picture {
	height: 100%;
	min-height: 175px;
}
.note_pen div.picture div.img {
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
}

.note_pen .navbar-toggler, .note_pen .navbar-toggler-icon {
	width: 100%;
	background: #fff;
	border-radius: 0;
}

.note_pen .nav-link {
	background: rgba(255, 255, 255, 0.9);
	padding: .75rem 1rem;
	color: #fff;
}

.note_pen .nav-link:hover {
	background: rgba(255, 255, 255, 0.28);
}

.note_pen .navbar {
	padding: 0;
}