body {
			display: flex;
			justify-content: center;
		}

		.articleContainer {
			width: 60%;
			padding: 20px;
		}

		.category {
			text-transform: uppercase;
			font-size: 10px;
			margin-bottom: 15px;
			font-weight: 500;
			color: #777777;
		}

		h1.title {
			font-size: 18px;
		}

		.titleLink {
		    color: black;
		    font-family: UniversNextVariable, "Helvetica Neue", AdjustedArial, sans-serif;
		    font-size: 14px;
		    font-weight: 900;
		}

		.titleLink:link { 
		  text-decoration: none; 
		} 
		.titleLink:visited { 
		  text-decoration: none; 
		} 
		.titleLink:hover { 
		  color: #999999;
		} 
		.titleLink:active { 
		  text-decoration: none; 
		}
		
		a:link { 
		  text-decoration: none; 
  		  font-weight: 900;
  		  color: black;
		} 
		a:visited { 
		  text-decoration: none; 
		  color: black;
		} 
		a:hover { 
		  color: #999999;
		} 
		a:active { 
		  text-decoration: none; 
		}

		.title {
			margin-bottom: 10px;
		}

		.subtitle {
			font-size: 1rem;
			color: #999999;
			opacity: 0.8;
			margin-bottom: 0px;
		}

		p.subtitle {
			margin-top: 0px;
		}

		h1 {
			margin-top: 0px;
		}

		p, li {
		    color: #333333;
		    --type-token: discovery.description-feature;
		    text-transform: none;
		    font-family: UniversNextVariable, "Helvetica Neue", AdjustedArial, sans-serif;
		    font-feature-settings: normal;
		    font-style: normal;
		    letter-spacing: normal;
		    line-break: auto;
		    font-weight: 400;
		    overflow-wrap: normal;
	        line-height: 1.7;
		    font-size: 16px;
		}


		.boldtext {
		    font-size: 18px;
		    font-family: 'Arial', sans-serif;
		    font-weight: 800;
		    line-height: 0;
		}

		h4 {
		    font-size: 14px;
		    font-family: 'Arial', sans-serif;
		    font-weight: 800;
		    line-height: 0;
		}


		.ps {
			--color__token-name: colors.discovery.body.white.description;
		    color: rgb(51, 51, 51);
		    --type-token: discovery.description-feature;
		    text-transform: none;
		    font-family: UniversNextVariable, "Helvetica Neue", AdjustedArial, sans-serif;
		    font-style: italic;
		    font-feature-settings: normal;
		    letter-spacing: normal;
		    line-break: auto;
		    line-height: 1.7;
		    font-size: 16px;
		    font-weight: 400;
		    overflow-wrap: normal;
		}

		@media screen and (min-width: 1440px) {

		.articleContainer {
			width: 40%;
			
		}

		.titleLink {
			font-size: 10px;
		}

		a:link { 
		  text-decoration: none; 
  		  font-weight: 900;
  		  color: black;

		} 
		a:visited { 
		  text-decoration: none; 
		  color: black;
		} 
		a:hover { 
		  color: #999999;
		} 
		a:active { 
		  text-decoration: none; 
		}

		.button {
			box-shadow: 0 16px 65px rgb(168 181 205/7%), 0 10.3704px 38.0671px rgba(168,181,205,.053), 0 6.163px 20.7037px rgba(168,181,205,.043), 0 3.2px 10.5625px rgba(168,181,205,.035), 0 1.3037px 5.2963px rgba(168,181,205,.028), 0 0.2963px 2.5579px rgba(168,181,205,.017);
			padding: 0 28px;
		    font-family: UniversNextVariable, "Helvetica Neue", AdjustedArial, sans-serif;
			--height: 44px;
		    position: relative;
		    z-index: 0;
		    display: inline-flex;
		    height: var(--height);
		    flex-shrink: 0;
		    align-items: center;
		    justify-content: center;
		    border-radius: calc(var(--height) * .5);
		    gap: 12px;
		    text-overflow: ellipsis;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    user-select: none;
		    font-size: 12px;
		    letter-spacing: 0;
		    line-height: var(--line-height);
		    --line-height: 1.5;
		}

	}

		@media screen and (max-width: 1024px) {

		.articleContainer {
			width: 95%;
		}

		.titleLink {
			font-size: 10px;
		}

		a:link { 
		  text-decoration: none; 
  		  font-weight: 900;
  		  color: black;

		} 
		a:visited { 
		  text-decoration: none; 
		  color: black;
		} 
		a:hover { 
		  color: #999999;
		} 
		a:active { 
		  text-decoration: none; 
		}

		.button {
			box-shadow: 0 16px 65px rgb(168 181 205/7%), 0 10.3704px 38.0671px rgba(168,181,205,.053), 0 6.163px 20.7037px rgba(168,181,205,.043), 0 3.2px 10.5625px rgba(168,181,205,.035), 0 1.3037px 5.2963px rgba(168,181,205,.028), 0 0.2963px 2.5579px rgba(168,181,205,.017);
			padding: 0 28px;
		    font-family: UniversNextVariable, "Helvetica Neue", AdjustedArial, sans-serif;
			--height: 44px;
		    position: relative;
		    z-index: 0;
		    display: inline-flex;
		    height: var(--height);
		    flex-shrink: 0;
		    align-items: center;
		    justify-content: center;
		    border-radius: calc(var(--height) * .5);
		    gap: 12px;
		    text-overflow: ellipsis;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    user-select: none;
		    font-size: 12px;
		    letter-spacing: 0;
		    line-height: var(--line-height);
		    --line-height: 1.5;
		}

	}