.resizer { background: hgreen; width:390px; }
.resizeTerms { background: hgreen; width:600px; }
.termsBlock { overflow:auto; width:100%; height:500px; border:1px solid black; padding: 25px 25px 25px 25px; }
.errorM3 .msgIcon { width:0px; height:0px; }
.warningM3 .msgIcon { width:0px; height:0px; }
.infoM3 .msgIcon { width:0px; height:0px; }
.slds-scope th { text-align:center; }
input[type="radio"] {  width: 1.05em;  height: 1.05em; }
        
.title { font-size:larger; font-weight:bold; }

::selection {
  background: #a8d1ff; /* WebKit/Chrome/Blink Browsers */
}
::-moz-selection {
  background: #a8d1ff; /* Gecko Browsers */
}
.slds-scope ::selection {
  background: #a8d1ff; /* WebKit/Chrome/Blink Browsers */
}
.slds-scope ::-moz-selection {
  background: #a8d1ff; /* Gecko Browsers */
}

/* Popup container*/
.popup 
{
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0px 0px 0px 0px;
}


/* Toggle this class - hide and show the popup */
.popup .show 
{	visibility: visible; -webkit-animation: fadeIn 1s;	animation: fadeIn 1s;  }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn 
{	from {opacity: 0;} 	to {opacity: 1;}  }

@keyframes fadeIn 
{	from {opacity: 0;}	to {opacity:1 ;}  }


.slds-scope .slds-button_brand { background-color: #394048; border: none; color: white; }
.slds-scope .slds-button_brand:hover { background-color: #2D822A; }
/*.slds-scope .slds-button { background-color: #394048; border: none; color: white; } */
/*.slds-scope .slds-button:hover { background-color: #2D822A; } */


	.cinput{position:relative; padding-bottom:0.75rem; }
	.cinput .cinput__field:focus {border-color:#5ba63c;box-shadow:none}
	.cinput .cinput__field::-webkit-input-placeholder{color:#9b9fa3}
	.cinput .cinput__field::-moz-placeholder{color:#9b9fa3}
	.cinput .cinput__field:-ms-input-placeholder{color:#9b9fa3}
	.cinput .cinput__field:-moz-placeholder{color:#9b9fa3}
	/* .cinput .cinput__field--textarea {height:auto;max-width:100%;min-height:80px;min-width:100%;padding:12px 15px;resize:none} */
	.cinput .cinput__field{
		-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;appearance:none;
		background:none;background-image:none;
		border:1px solid #b1bac5;border-radius:6px;
		box-shadow:none;color:#394048;display:block;font-family:Mulish-Regular,sans-serif;
		font-size:1rem;
		font-weight:300;
		padding:10px 10px;
		position:relative;text-transform:none;
		transition:color .4s ease;width:100%;z-index:1;
		font-family:Mulish-Regular,sans-serif;
	}
	.cinput__label{
		-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
		background-color:#fff;color:#394048;
		font-family:Mulish-Regular,sans-serif;
		font-size:.8rem;font-weight:300;left:8px;
		letter-spacing:normal;
		line-height:1.25;
		margin:0;padding:0 8px;
		position:absolute;
		text-transform:none;top:-8px;z-index:100
	}
	.cinput__abv_input_hint {
		font-size:0.75rem;padding-bottom:10px;
	}

	.cselect{border:1px solid #b1bac5;border-radius:2px;height:44px;position:relative}
   .cselect:focus-within{border-color:#5ba63c}
  <!--  @media screen and (min-width:48em){.cselect:focus-within{outline:1px dotted #5ba63c;outline-offset:2px}} -->
   .cselect img,.cselect svg{
	   fill:#5ba63c;bottom:0;display:block;height:1rem;width:1rem;margin:auto;
	   pointer-events:none;position:absolute;right:1rem;top:0;
	   z-index:2}
   .cselect select{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;appearance:none;background:#fff;background-image:none;border:0;box-shadow:none;color:#394048;cursor:pointer;font-family:Muli Book,sans-serif;font-size:.7777777778rem;font-weight:300;height:100%;letter-spacing:.0083333333em;line-height:1.2864285714;padding:0 40px 0 15px;position:relative;text-transform:none;transition:color .4s ease;width:100%;z-index:1}
   .cselect select::-ms-expand{display:none}
   .cselect select option{color:#394048}
   .cselect label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#394048;font-family:Muli Book,sans-serif;font-size:.6666666667rem;font-weight:300;left:8px;letter-spacing:normal;line-height:1.25;margin:0;padding:0 8px;position:absolute;text-transform:none;top:-8px;z-index:100}
   
   .slds-scope select {
	   font-size:1rem;
   }
   .cselect--large{
	   height:auto;
	   background:none;background-image:none;
	   border:1px solid #b1bac5;border-radius:6px;
	   box-shadow:none;color:#394048;display:block;
	   font-size:1rem; font-weight:300; 
		padding:10px 10px;
		position:relative;text-transform:none;
		transition:color .4s ease;width:100%;z-index:1;
		font-family:Mulish-Regular,sans-serif;
	   }
   .cselect--large select{
	   -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	   background-color:transparent;color:#2d822a;font-family:Apex New Medium,sans-serif;
	   font-size:1.3333333333rem;font-weight:300;
	   letter-spacing:normal;
	   line-height:1.1666666667;overflow:hidden;
	   padding:15px 24px 15px 15px;
	   position:relative;
	   transition:color .4s ease;width:100%;z-index:1;
	   text-overflow:ellipsis;text-transform:none;white-space:pre-wrap
    }
   
  <!-- @media screen and (min-width:64em){.cselect--large select{font-size:1.6666666667rem;line-height:1.2}} -->
   .cselect--large option{overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}
   .cselect--large:before{height:20px;right:0;width:20px}







/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .resizer { /* background: red; */
	  width:96%;
	  font-size:4rem; 
  }
  .resizeTerms { width:96%; font-size:4rem; }
  .termsBlock { width:100%; height:900px; }
  
  .slds-scope .slds-form-element__label { font-size:4rem; }
  .slds-scope .slds-button_brand { padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; line-height:inherit; border-radius:6rem; }
  .slds-scope .slds-button { padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; line-height:inherit; border-radius:6rem; }
  .hresize { font-size:4rem; }
  .header1part { display:initial; }
  .header3part { display:none; }
  .icon_resized { height:1.6rem;width:1.6rem; }
  .popup .popuptext {
		visibility: hidden;
		width: 300px;
		background-color: white;
		color: black;
		text-align: left;
		border: 1px solid gray;
		border-radius: 6px;
		padding: 5px 5px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -150px;
		font-size:1rem;
	}
    .popup .show {	visibility: visible; -webkit-animation: fadeIn 1s;	animation: fadeIn 1s;  }
   
    .cinput{position:relative; padding-bottom:1.5rem; }
    .cinput .cinput__field{
		border:1px solid #b1bac5;border-radius:12px;
		font-size:4rem;
	}
	.cinput__label{
		font-size:1.8rem;font-weight:300;left:16px;
		line-height:1.25;
		margin:0;padding:0 10px;
		text-transform:none;top:-20px;z-index:100
	}	
	.cinput__abv_input_hint {
		font-size:1rem;padding-bottom:20px;
	}
	.cselect--large{	   
	    border:1px solid #b1bac5;border-radius:12px;
	    font-size:1rem; font-weight:300; 
		padding:10px 10px;
	}
	.cselect--large select{
	   font-size:1rem;font-weight:300;
	   letter-spacing:normal;
	   line-height:1.1666666667;overflow:hidden;
	   padding:15px 24px 15px 15px;
	}
	.slds-scope select {
	   font-size:4rem;
    }
	input[type="checkbox" i] { height: 2rem; width: 2rem; }
}
	

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .resizer {
	  /*background: green; */
	  width:96%; 
	  font-size:4rem; 
  }
  .resizeTerms { width:96%; font-size:4rem; }
  .termsBlock { width:100%; height:900px; }
  
  .slds-scope .slds-form-element__label { font-size:4rem; }
  .slds-scope .slds-button_brand { padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; line-height:inherit; border-radius:6rem; }
  .slds-scope .slds-button { padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; line-height:inherit; border-radius:6rem;}
  .hresize { font-size:4rem; }
  .header1part { display:initial; }
  .header3part { display:none; }
  .icon_resized { height:1.6rem;width:1.6rem; }
  .popup .popuptext {
		visibility: hidden;
		width: 300px;
		background-color: white;
		color: black;
		text-align: left;
		border: 1px solid gray;
		border-radius: 6px;
		padding: 5px 5px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -150px;
		font-size:1rem;
	}
   .popup .show {	visibility: visible; -webkit-animation: fadeIn 1s;	animation: fadeIn 1s;  }
   
   .cinput{position:relative; padding-bottom:1.5rem; }
    .cinput .cinput__field{
		border:1px solid #b1bac5;border-radius:12px;
		font-size:4rem;
	}
	.cinput__label{
		font-size:1.8rem;font-weight:300;left:16px;
		line-height:1.25;
		margin:0;padding:0 10px;
		text-transform:none;top:-20px;z-index:100
	}	
	.cinput__abv_input_hint {
		font-size:1rem;padding-bottom:20px;
	}
	.cselect--large{	   
	    border:1px solid #b1bac5;border-radius:12px;
	    font-size:1rem; font-weight:300; 
		padding:10px 10px;
	}
	.cselect--large select{
	   font-size:1rem;font-weight:300;
	   letter-spacing:normal;
	   line-height:1.1666666667;overflow:hidden;
	   padding:15px 24px 15px 15px;
	}
	.slds-scope select {
	   font-size:4rem;
    }
	input[type="checkbox" i] { height: 2rem; width: 2rem; }
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .resizer {
	  /*background: blue; */
	  width:96%; 
	  font-size:4rem; 
  }
  .resizeTerms { width:96%; font-size:4rem; }
  .termsBlock { width:100%; height:900px; }
  
  .slds-scope .slds-form-element__label { font-size:4rem; }
  .slds-scope .slds-button_brand { padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; line-height:1.875rem;border-radius:6rem; }
  .slds-scope .slds-button { padding-left:4rem; padding-right:4rem; padding-top:3rem; padding-bottom:3rem; line-height:1.875rem; border-radius:6rem; }
  .hresize { font-size:4rem; }
  .header1part { display:initial; }
  .header3part { display:none; }
  .icon_resized { height:1.6rem;width:1.6rem; }
  .popup .popuptext {
		visibility: hidden;
		width: 300px;
		background-color: white;
		color: black;
		text-align: left;
		border: 1px solid gray;
		border-radius: 6px;
		padding: 5px 5px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -150px;
		font-size:1rem;
	}
   .popup .show {	visibility: visible; -webkit-animation: fadeIn 1s;	animation: fadeIn 1s;  }
   
   .cinput{position:relative; padding-bottom:1.5rem; }
   .cinput .cinput__field{
		border:1px solid #b1bac5;border-radius:12px;
		font-size:4rem;
	}
	.cinput__label{
		font-size:1.8rem;font-weight:300;left:16px;
		line-height:1.25;
		margin:0;padding:0 10px;
		text-transform:none;top:-20px;z-index:100
	}	
	.cinput__abv_input_hint {
		font-size:1rem;padding-bottom:20px;
	}
	.cselect--large{	   
	    border:1px solid #b1bac5;border-radius:12px;
	    font-size:1rem; font-weight:300; 
		padding:10px 10px;
	}
	.cselect--large select{
	   font-size:1rem;font-weight:300;
	   letter-spacing:normal;
	   line-height:1.1666666667;overflow:hidden;
	   padding:15px 24px 15px 15px;
	}
	.slds-scope select {
	   font-size:4rem;
    }
	input[type="checkbox" i] { height: 2rem; width: 2rem; }
} 







/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .resizer { /*background: orange; */ 
	  width:390px; 
	  font-size:inherit;
  }
  .resizeTerms { background: hgreen; width:600px; font-size:inherit; }
  .termsBlock { width:100%; height:500px; }
  
  .slds-scope .slds-form-element__label { font-size:inherit; }
  .slds-scope .slds-button_brand { padding-left:1rem; padding-right:1rem; padding-top:inherit; padding-bottom:inherit; line-height:1.875rem; border-radius:1.875rem; }
  .slds-scope .slds-button { padding-left:1rem; padding-right:1rem; padding-top:inherit; padding-bottom:inherit; line-height:1.875rem; border-radius:1.875rem; }
  .hresize { font-size:inherit; }
  .header1part { display:none; }
  .header3part { display:initial; }
  .icon_resized { height:0.8rem;width:0.8rem; }
  .popup .popuptext {
		visibility: hidden;
		width: 500px;
		background-color: white;
		color: black;
		text-align: left;
		border: 1px solid gray;
		border-radius: 6px;
		padding: 5px 5px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: 0px;
		margin-bottom: -7px;
		font-size:0.875rem;
	}
   .popup .show {	visibility: visible; -webkit-animation: fadeIn 1s;	animation: fadeIn 1s;  }
   
   .cinput{position:relative; padding-bottom:0.75rem; }
   .cinput .cinput__field{ border:1px solid #b1bac5;border-radius:6px; font-size:1rem; 	}
	.cinput__label{		
		font-size:.8rem;font-weight:300;left:8px;
		line-height:1.25;
		margin:0;padding:0 8px;		
		text-transform:none;top:-8px;z-index:100
	}	
	.cinput__abv_input_hint { font-size:0.75rem;padding-bottom:10px; 	}
	.cselect--large{ border:1px solid #b1bac5;border-radius:6px; font-size:1rem; font-weight:300; padding:10px 10px;	}
	.cselect--large select{
	   font-size:1.3333333333rem;font-weight:300;
	   letter-spacing:normal;
	   line-height:1.1666666667;overflow:hidden;
	   padding:15px 24px 15px 15px;	   
	}
	.slds-scope select { font-size:1rem; }
	input[type="checkbox" i] { height: 1rem; width: 1rem; }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .resizer { /*background: pink; */ 
	  width:390px; 
	  font-size:inherit;
  }
  .resizeTerms { background: hgreen; width:600px; font-size:inherit; }
  .termsBlock { width:100%; height:500px; }
  
  .slds-scope .slds-form-element__label { font-size:inherit; }
  .slds-scope .slds-button_brand { padding-left:1rem; padding-right:1rem; padding-top:inherit; padding-bottom:inherit; line-height:1.875rem; border-radius:1.875rem; }
  .slds-scope .slds-button { padding-left:1rem; padding-right:1rem; padding-top:inherit; padding-bottom:inherit; line-height:1.875rem; border-radius:1.875rem; }
  .hresize { font-size:inherit; }
  .header1part { display:none; }
  .header3part { display:initial; } 
  .icon_resized { height:0.8rem;width:0.8rem; }
  .popup .popuptext {
		visibility: hidden;
		width: 500px;
		background-color: white;
		color: black;
		text-align: left;
		border: 1px solid gray;
		border-radius: 6px;
		padding: 5px 5px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: 0px;
		margin-bottom: -7px;
		font-size:0.875rem;
	}  
   .popup .show {	visibility: visible; -webkit-animation: fadeIn 1s;	animation: fadeIn 1s;  }
   .button_brand { padding-left: 3rem;padding-right: 3rem;border-radius: 1.875rem;background-color: #394048;border: none;font-color: white;font-family: Mulish-Regular;}
   .button_brand:hover {background-color: #2D822A}
   
   .cinput{position:relative; padding-bottom:0.75rem; }
   .cinput .cinput__field{ border:1px solid #b1bac5;border-radius:6px; font-size:1rem; 	}
	.cinput__label{		
		font-size:.8rem;font-weight:300;left:8px;
		line-height:1.25;
		margin:0;padding:0 8px;		
		text-transform:none;top:-8px;z-index:100
	}	
	.cinput__abv_input_hint { font-size:0.75rem;padding-bottom:10px; 	}
	.cselect--large{ border:1px solid #b1bac5;border-radius:6px; font-size:1rem; font-weight:300; padding:10px 10px;	}
	.cselect--large select{
	   font-size:1.3333333333rem;font-weight:300;
	   letter-spacing:normal;
	   line-height:1.1666666667;overflow:hidden;
	   padding:15px 24px 15px 15px;	   
	}
	.slds-scope select { font-size:1rem; }
	input[type="checkbox" i] { height: 1rem; width: 1rem; }
}