@import url('https://fonts.googleapis.com/css2?family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');


/* font-family: "TikTok Sans", sans-serif; */

*{
  margin: 0;
  padding: 0;
}

html {
  font-family: "TikTok Sans", sans-serif;
}

.wrapper{
  display: grid;
  grid-template-columns: 50% 50%;
}

.container1{
  width: 100%;
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-image: url(/images/frontpage.jpg);
}

.container2{
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: left;
  align-items: center;
  background: white;
}

.content{
  padding:0 120px;
}

a {
  color:#000;
}

h1 {
  font-weight:500;
  font-size: 45px;
}

h2 {
  margin-top: 5px;
  font-weight:400;
  font-size: 22px;
  color: #64694F;
  line-height: 1.2;
}

p {
  margin-top: 25px;
  font-weight:300;
  font-size: 18px;
  line-height: 1.4;
}

.column-text {
  font-weight:400;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}

.flex-row-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;     
  gap: 10px;                     
}

img {
  color: #6A8568;
}

.column {
  float: left;
  width: 50%;
  background-color: #b1b4a7;
  font-weight:400;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  padding: 20px;
  border-radius:10px;
}


.row {
  display: flex;
  justify-content: flex-start;
  gap:20px;
  margin-top: 40px;
}

.column {
  flex: 50%;
  gap: 20px;
}