:root {

 /* Brand colors - styles */
--primary-color: #ff0000;
--secondary-color: #00ff00;

 /* Images - Sizes */
  --thumbnail-width: 150px;
  --thumbnail-height: 150px;
  --medium-width: 300px;
  --medium-height: 300px;
  --medium-large-width: 768px;
  --large-width: 1024px;
  --large-height: 1024px;
  --full-width-width: 1920px;
  --full-width-height: 1080px;


  /* Space - Sizes */
  --space-none: 0;
  --space-xs: 16px;
  --space-s: 32px;
  --space-base: 64px;
  --space-m: 80px;
  --space-l: 120px;
  --space-xl: 240px;
  --space-xxl: 320px;
}



.uk-button {
color:#ffffff;
  background-color:#353535;
  border-radius: 100px;
}

.uk-button:hover {
color:#d3d3d3;
background-color:#000000;

}



.uk-button-primary {
color:#ffffff;
	background-color: #000000;
	border-radius: rounded;
}

.uk-button-primary:hover {
color:;
background-color: ;
}


.uk-button-secondary {
  color:#ffffff;
  background-color: #31d62f;
  border-radius: 0px;
}

.uk-button-secondary:hover {
color: #d6d6d6;
background-color: #565656;

}


img {
	max-width: 100%; /* To keep the aspect ratio and make the image responsive */
	max-height: 100%; /* To keep the aspect ratio and make the image responsive */
}

.thumbnail {
	max-width: var(--thumbnail-width);
	max-height: var(--thumbnail-height);
}

.medium {
	max-width: var(--medium-width);
	max-height: var(--medium-height);
}

.medium_large {
	max-width: var(--medium-large-width);
}

.large {
	max-width: var(--large-width);
	max-height: var(--large-height);
}

.full_width {
	width: var(--full-width-width);
	height: var(--full-width-height);
}