
.icon-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    border-radius: .75rem;
}
@media only screen and (max-width:599px) {
	h1 { line-height:65px;margin-top:0px;margin-bottom:10px;font-size:36px; font-weight:800; }
	h2 {line-height: 35px; padding-left:20px;padding-right:20px;margin-top:10px;margin-bottom:15px;  font-size: 28px; font-weight:700;}
	h4 { line-height:30px; padding-left:20px;padding-right:10px;padding-top:10px;padding-bottom:2em; font-size:21px; font-weight:400;}
	p  {padding-left:20px;padding-right:20px;}

	.CardLarge { width:22rem;}
	.CardLarge img { width:140px ; height:auto !important ; max-width:none;}
	.CardMedium { width:22rem;}
	.CardMedium img { width:140px ; height:auto !important ; max-width:none;}
	.CardSmall { width:22rem;}
	.CardSmall img { width:140px ; height:auto !important ; max-width:none;}
	.Card100 { width:22rem;}
	.Card100 img { width:140px ; height:auto !important ; max-width:none;}
	.CardAdvisor { width:22rem;}
	.CardAdvisor img { width:190px ; height:auto !important ; max-width:none;}
	.Carousel img { height:300px !important;margin-bottom:0px;}

	.kp1 { display:block;font-size: 18px;font-weight:700;}
	.kp2 { font-size: 14px;font-weight:700;}

	.KBCard1 p  {padding-left:0px;padding-right:0px;}
	.LSOnly { display:none; }
}


@media only screen and (min-width:600px) {
	h1 { line-height:65px;margin-top:10px;margin-bottom:10px;font-size:36px; font-weight:800; }
	h2 { line-height: 35px;margin-top:20px;margin-bottom:10px; font-size: 28px; font-weight:700; }
	h4 { line-height:30px;margin-top:30px;margin-bottom:10px; font-size:21px; font-weight:400; }

	.CardLarge { width:15rem;}
	.CardLarge img { width:70px ; height:auto !important ; max-width:none;}
	.CardMedium { width:15rem;}
	.CardMedium img { width:70px ; height:auto !important ; max-width:none;}
	.CardSmall { width:15rem;}
	.CardSmall img { width:60px ; height:auto !important ; max-width:none;}
	.Card100 { width:15rem;}
	.Card100 img { width:60px ; height:auto !important ; max-width:none;}
	.CardAdvisor { width:15rem;}
	.CardAdvisor img { width:190px ; height:auto !important ; max-width:none;}
	.Carousel img { height:300px;margin-bottom:0px;}
	.kp1 { display:block;font-size: 18px;font-weight:700;}
	.kp2 { font-size: 14px;font-weight:700;}
	.LSOnly { display:none; }

 }


@media only screen and (min-width: 768px) {
	h1 { line-height:65px;margin-top:10px;margin-bottom:10px;font-size:48px; font-weight:800; }
	h2 {line-height: 38px;margin-top:20px;margin-bottom:10px; font-size: 32px; font-weight:700; }
	h4 { line-height:30px;margin-top:30px;margin-bottom:10px; font-size:21px; font-weight:400;}

	.CardLarge { width:13rem;}
	.CardLarge img { width:60px ; height:auto !important ; max-width:none;}
	.CardMedium { width:13rem;}
	.CardMedium img { width:60px ; height:auto !important ; max-width:none;}
	.CardSmall { width:13rem;}
	.CardSmall img { width:60px ; height:auto !important ; max-width:none;}
	.Card100 { width:13rem;}
	.Card100 img { width:60px ; height:auto !important ; max-width:none;}
	.CardAdvisor { width:15rem;}
	.CardAdvisor img { width:190px ; height:auto !important ; max-width:none;}
	.Carousel img { height:300px !important;margin-bottom:0px;}
	.kp1 { display:block;font-size: 18px;font-weight:700;}
	.kp2 { font-size: 14px;font-weight:700;}
	.LSOnly { display:none; }
}

@media only screen and (min-width: 992px) {
	h1 { line-height:65px;margin-top:10px;margin-bottom:10px;font-size:65px; font-weight:800; }
	h2 { line-height:38px;margin-top:20px;margin-bottom:10px;font-size:28px; font-weight:600; }
	h4 { line-height:30px;margin-top:30px;margin-bottom:10px; font-size:21px; font-weight:400;}

	.CardLarge { width:20rem;}
	.CardLarge img { width:120px ; height:auto !important ; max-width:none;}
	.CardMedium { width:16rem;}
	.CardMedium img { width:70px ; height:auto !important ; max-width:none;}
	.CardSmall { width:13rem;}14:52 18/10/2023
	.CardSmall img { width:60px ; height:auto !important ; max-width:none;}
	.Card100 { width:10rem;}
	.Card100 img { width:80px ; height:auto !important ; max-width:none;}
	.CardAdvisor { width:20rem;}
	.CardAdvisor img { width:260px ; height:auto !important ; max-width:none;}

	.kp1 { display:block;font-size: 14px;font-weight:700;}
	.kp2 { font-size: 11px;font-weight:700;}
	.LSOnly { display:none; }


}

@media only screen and (max-width: 1599px){

	.protonomynav {margin-left: 10px !important; margin-right: auto; padding: 0px;}
	.kp1 { display:block;font-size: 14px;font-weight:700;}
	.kp2 { font-size: 11px;font-weight:700;}
	.Carousel img { height:400px;margin-bottom:0px;}
	.LSOnly { display:none; }

}

@media only screen and (min-width: 1600px){

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    		max-width: 1440px; 
	}
   .protonomynav {max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0px;}
	.kp1 { display:block;font-size: 18px;font-weight:700;}
	.kp2 { font-size: 14px;font-weight:700;}
	.Carousel img { height:400px;margin-bottom:0px;}

	.LSOnly { display:block; }
}


.section1 .form-label {font-size: 12px;font-weight:700;}
.section1 .form-control {font-size: 12px;font-weight:700;}
.section1 .form-check-label {font-size: 12px; font-weight:700;}
.section1 .form-button {font-size: 12px; font-weight:700;}
.form-button {font-size: 12px; font-weight:700;}
.section1 dt {font-size: 12px; font-weight:700;}
.section1 dd {font-size: 12px; font-weight:700;}

.codrops-top h1 {line-height:32px;margin-top:0px;margin-bottom:5px;font-size: 22px;font-weight:600;}
.mp-menu h2 { 	margin-top:15px;margin-bottom:10px;padding-left: 1em; font-weight: 600;	font-size: 1.6em;}


.card-title {font-weight:600;}
.card-text {font-size:13px;}

.kp3 { font-size: 11px;font-weight:700;}

.hanging h2 {line-height: 35px; padding-left:0px;padding-right:20px;margin-top:0px;margin-bottom:15px;  font-size: 24px; font-weight:700;}

.hanging .icon-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    border-radius: .75rem;
	 color:rgb(94, 110, 130) !important;
}
.hanging   p { padding-left: 0px; padding-right: 20px;    }

.Carousel img { height:350px !important;margin-bottom:0px;}
 