body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 300;
  color: #ffffff;
  overflow-x: hidden;
}


.tm-mb-50 { margin-bottom: 50px; }
.tm-mb-150 { margin-bottom: 150px; }

a { transition: all 0.3s ease; }
.tm-text-dark { color: #333333; }
.tm-text-light-dark { color: #747474; }
a.tm-text-light-dark:hover { color: #747474; }
.tm-text-light { color: #ffffff; }
a.tm-text-light:hover { color: #ffffff; }

.tm-bar-1 {
  background-color: #710d2c;
  width: 100%;
  height: 15px;
  margin-top: 10px;
  margin-bottom: 40px;
}

.tm-bar-2 {
  background-color: #710d2c;
  width: 100%;
  height: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
}

h2 { font-size: 2.1rem; 
border-color: #fff;
border-width: 2px;
border-style: solid;
margin-top:0.5rem;
text-align: right;
padding: 0.5rem 1rem 0.5rem 0.3rem;}

h3, h4 {text-align:right;}

p {
  line-height: 1.8;
  font-size: 1rem;
}

.tm-section-3-inner {
  display: flex;
  justify-content: flex-end;
}

.tm-section-3 { min-height: 560px; }

.tm-img-container {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

.tm-img-container-1 {
  background-image: url(../img/sonja1.jpg);
  background-position: top right;
}
.tm-img-container-2 {
  background-image: url(../img/sonja2.jpg);
  background-position: top right;
}
.tm-img-container-3 {
  background-image: url(../img/sonja3.jpg);
  background-position: top right;
}
.tm-img-container-4 {
  background-image: url(../img/sonja4.jpg);
  background-position: top right;
}
.tm-img-container-5 {
  background-image: url(../img/sonja5.jpg);
  background-position: top right;
}

.tm-img { width: 49%; }

.tm-bg-primary { background-color: #710d2c; }


.tm-section-3-left {
  z-index:9;
  padding: 70px 100px 80px 120px;
  width: 50%;
  -webkit-clip-path: polygon(0 10%, 90% 10%, 90% 90%, 0 90%);
  clip-path: polygon(0 10%, 90% 10%, 90% 90%, 0 90%);
  min-height: 560px;
}

.tm-section-3-right {
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  margin-left: -50%;
}







@media (min-width: 1430px) {
  .container {
    max-width: 1430px;
    padding-left: 120px;
    padding-right: 120px;
  }
}

@media (max-width: 1310px) {
  .tm-bar-2 { max-width: 100%; }
}

@media (max-width: 1199px) {
.tm-bar-2 {
  margin-top: 0;
}
  .tm-section-3-right {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

@media (max-width: 991px) {

.tm-bg-primary { background-color: #710d2c99; }
  .tm-section-3-left {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .tm-section-3-right {
    width: 100%;
    height: 560px;
    margin-bottom: 40px;
  margin-left: -100%;
  }
}

@media (max-width: 767px) {
  .tm-section-3-left { width: 100%; }
.tm-text-light {font-size: 17px; }
}

@media (max-width: 480px) {
  .tm-section-3-left { padding: 70px 80px 80px 80px; }
.tm-img-container-1 {
  background-image: url(../img/sonja1m.jpg);
  background-position: top right;
}
.tm-img-container-3 {
  background-image: url(../img/sonja3m.jpg);
  background-position: top right;
}
.tm-img-container-4 {
  background-image: url(../img/sonja4m.jpg);
  background-position: top right;
}
}

@media (max-width: 420px) {
  .tm-section-3-left { padding: 70px 50px 80px 50px; }
}