body {
				background-image:    url(images/ground.png);
    			background-size:     cover;
    			background-repeat:   no-repeat;
    			background-position: center center;
    			font-family: 'Poppins', sans-serif;
    			font-size: 22px;
    			font-weight: 600;
    			color: white; 
			}

			.logo_people {
				display: block;
				margin-left: auto;
				margin-right: auto;
				padding-top:100px;
				height: 70%;
				width: auto;
			}

			p {
				display: block;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				color: #370035;
				letter-spacing: -1px;
			}

			a {
				color: white;
				text-decoration: none;
			}

			a:hover {
				color: #A12476;
			}

			a:visited {
				color: lightgrey;
			}
				
			.calcbox {
				  /*position: relative;*/
				  width: 30%;
				  height: 90%;
				  background-color: #290518;
				  opacity: 0.9;
				  border-radius:10px;
				  margin-left:auto;
				  margin-right:auto;
				  margin-top: 20px;
				  border: 5px solid rgba(255, 255, 255, 1);
			}

			.rightalign {
					text-align: right;
					}
					
			.testb {
				background-color: white;
			}
			
			#bigbox {
				width: 50%;
				margin-left: auto;
				margin-right: auto;
				padding-top: 30px;
			}
			
			/* DIRECTS */
			
			.containerrow {
				/*background-color: white; */
				opacity: 1;
				width: 90%;
				height: auto;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 15px;
				padding-bottom: 0px;
				display: flex;
			}
			
			.column-left {
				width: 60%;
				margin-bottom: 0px;
				padding-bottom: 0px;
			}
			
			.column-right {
				width: 40%;
				text-align: right;
				margin-top: 5px;
				margin-bottom: 0px;
				padding-bottom: 0px;
			}
			
			.text-input {
				color: rgba(255,255,255,1);
				font-size: 22px;
				font-weight: bold;
				border: none;
				background-color: transparent;
				color: #FF63CE;
				text-align: right;
			}
		
			
			.lightext {
				font-weight: 300;
				font-size:11px;
				opacity: 0.5;
			}
			
			input[type="text"]:focus {
				outline: none;
			}
			
			.arrow {
				color: white;
				font-size: 28px;
				font-weight: bold;
				margin-left: 10px;
				padding-top: 2px;
			}
			
			.pink-bright {
				color: #FF00AE;
			}
			
			.pink-light {
				color: #FF00AE;
			}
			
			.packvalue {
			     text-align: right; 
				 background-color: transparent; 
				 color: #FF63CE;
				 font-weight: bold;
				 font-size: 22px;
				 width: 100px; 
				 max-width: 100px; 
				 margin-left: 6.0px;  
				 padding: 1.0px 0px 1.0px 5.0px ;
				 outline: none;
				 border: none;
				 direction: rtl;
			}
			
			.packvalue::before {
			  font-family: "Abduction", sans-serif;
			  font-weight: bold;
			  content: "\25BE";
			}
			
			hr {
				height: 2px;
				background-color: white;
				opacity: 0.5;
				width: 90%;
				margin-top: 35px!important;
				margin-bottom: 30px;
			}

			.hr2 {
				height: 0.3px;
				background-color: white;
				width: 90%;
				margin-top: 0px!important;
				margin-bottom: 5px;
			}
			
			.income-left {
				width: 20%;
				margin-bottom: 0px;
				padding-bottom: 0px;
				padding-left: 10px;
			}
			
			.income-middle {
				width: 40%;
				margin-bottom: 0px;
				padding-bottom: 0px;
				text-align: right;
			}
			
			.income-right {
				width: 40%;
				text-align: right;
				margin-bottom: 0px;
				padding-bottom: 0px;
				padding-right: 10px;
			}
			
			.income-header {
				font-weight: bold;
			}
			
			.income-title-box {
				background-color: #FF00AE;
				border-radius: 5px;
			}
			
			.totalbox {
				padding-left: 10px;
				padding-right: 10px!important;
				font-size: 32px;
				font-weight: bold!important;
				width:87%!important;
			}
			
			.totalbox-left {
				width: 30%!important;
			}
			
			.totalbox-right {
				width: 70%!important;
				margin-top: 0px!important;
			}
			
			.disclaimer {
				margin: 0 auto;
				text-align: center;
				font-size: 12px;
				color: #290518;
				margin-top: 15px;
			}

			.popup {
				  display: none;
				  position: fixed;
				  top: 48.25%;
				  left: 50%;
				  width: 46%;
				  height: 870px;
				  transform: translate(-50%, -50%);
				  border-radius: 10px;
				  border: 5px solid white;
				  background-color: #33013D;;
				  padding-top: 30px;
				  padding-left: 40px;
				  padding-right: 20px;
				  padding-bottom: 20px;
				  z-index: 9999;
				  text-align: left;
				  opacity: 1;
				}

			.popup2 {
				  display: none;
				  position: fixed;
				  top: 48.25%;
				  left: 50%;
				  width: 46%;
				  height: 870px;
				  transform: translate(-50%, -50%);
				  border-radius: 10px;
				  border: 5px solid white;
				  background-color: #33013D;;
				  padding-top: 30px;
				  padding-left: 40px;
				  padding-right: 20px;
				  padding-bottom: 20px;
				  z-index: 9999;
				  text-align: left;
				  opacity: 1;
				}

			.popup3 {
				  display: none;
				  position: fixed;
				  top: 48.25%;
				  left: 50%;
				  width: 46%;
				  height: 870px;
				  transform: translate(-50%, -50%);
				  border-radius: 10px;
				  border: 5px solid white;
				  background-color: #33013D;;
				  padding-top: 30px;
				  padding-left: 40px;
				  padding-right: 20px;
				  padding-bottom: 20px;
				  z-index: 9999;
				  text-align: left;
				  opacity: 1;
				}

			.popup-content-header {
				color: white!important;
				font-size: 32px	;
				font-family: 'poppins', sans-serif;
				text-align: left!important;
				padding-left: 10px!important;
				padding-top: 10px
				margin-left: 30px;
			}

			.icon-help {
				width: 22px;
				height: auto;
				padding-left:10px;
				vertical-align: middle;
				transform: translateY(-2px);
			}

			.icon-help:hover {
				  cursor: pointer;
				}

			.help-logo-container {
				width: 100%;
				height: fit-content;
				margin-bottom: 30px;
				clear: both;
				display: flex;
  				justify-content: left;
  				vertical-align: center;
			}

			.logo-people {
				height: 140px;
				width: auto;
			}

			.logo-text {
				height: auto;
				width: 610px;
				margin-left: 20px!important;
			}

			.help-text {
				color: white!important;
				font-size: 22px	;
				font-weight: normal;
				font-family: 'poppins', sans-serif;
				text-align: left!important;
				padding-left: 10px;
				margin-top: 10px;
			}

			.image-directs {
				height: 300px;
				width: auto;
				margin-top: 20px;
				display: flex;
  				justify-content: center!important;
  				align-content: center;
			}

			button {
				  width: 100%;
				  border-radius: 10px;
				  border: 5px solid white;
				  background-color: #FF00AE;
				  opacity: 1;
				  padding: 20px;
				  transition: opacity 0.3s ease-in-out;
				  margin-left: auto;
				  margin-right: auto;
				  font-size: 28px;
				  font-weight: bold;
				  color: white;
				  margin-top:40px;
				}

			button:hover {
			  opacity: 0.5;
			}
			
			.button-center {
				display: flex;
				justify-content: center;
				align-items: center;
			}

			#smallbox {
				display: none;
			}

@media (max-width: 1279px) {
  
  			#bigbox {
  				display: none;
  			}

  			#smallbox {
  				display: block;
  				justify-content: center!important;
  			}

  			.logo-couple {
  				width: 90%;
  				height: auto;
  				margin-left: auto;
  				margin-right: auto;
  				margin-bottom: 0px;
  				margin-top:80px;
  			}

  			#bottom-text {
  				text-align: center;
  				font-size: 36px;
  				letter-spacing: -0.7px;
  				font-family: 'poppins', sans-serif;
  				color: #33013D;
  				clear: both!important;
  				width: 100%;
  				margin-top: 20px;
  			}


}

@media (max-width: 1023px) {

		#bottom-text {
			font-size: 28px;
		}

}

@media (max-width: 899px) {

		#bottom-text {
			font-size: 24px;
		}

}

@media (max-width: 767px) {

		#bottom-text {
			font-size: 20px;
		}

}