.content article {
  width: 60%;
  height: auto;    
  display: flex;
  position: absolute;
  top: 40%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.welcomeDesc{
  width: 50%;
  padding-right: 2vh;
  text-align: right;
} 

.welcomeDesc p{
  padding-bottom: 2vh;
} 

.support {
  padding-left: 2vh;
  padding-right: 2vh;
  padding-top: 1vh;
  padding-bottom: 1vh;
  border-style: solid;
  border-width: 2px;
  border-radius: 3px;
  text-decoration: none;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--font-color);
}

.support:hover {
  cursor: pointer;
  background: none ;
}

.welcomePicture {
  width: 50%;
  margin: 0;
  padding: 0;
}

.welcomePicture img {
  width: 100%;
  height: 100%;
  border-radius: 25px;
  object-fit: cover; 
}

@media screen and (max-width: 800px) {
	.content article {
    flex-direction: column;
    height: auto;
    top: 0;
    position: relative;
    width: 90%;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .welcomeDesc{
    width: 100%;
    text-align: center;
  } 

  .welcomePicture {
    margin-top: 5vh;
    width: 100%;
  }
}