@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap");
body {
 font-family: "Roboto", sans-serif;
 font-weight: normal;
 font-style: normal;
 overflow-x: hidden;
}

* {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

p {
 font-size: 18px;
 font-weight: 400;
 line-height: 28px;
 margin: 0px;
}

.shape {
 position: absolute;
 z-index: -1;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
 .container {
  width: 450px;
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .img-wrapper {
  display: none;
 }
}

@media (max-width: 767px) {
 .img-wrapper {
  display: none;
 }
}

@media (max-width: 767px) {
 .odd-col {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
 }
}

main.main-14 .main-wrapper {
 width: 100%;
}

main.main-14 .main-wrapper.demo-14 {
 overflow: hidden;
 width: 100%;
 height: 100vh;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 font-family: "Roboto", sans-serif;
 color: #3E2945;
 position: relative;
}

@media (max-width: 767px) {
 main.main-14 .main-wrapper.demo-14 {
  padding-top: 50px;
  padding-bottom: 50px;
 }
}

main.main-14 .main-wrapper.demo-14 .img-wrapper {
 /*margin-left: -100px;*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 main.main-14 .main-wrapper.demo-14 .img-wrapper {
  display: block;
  /*margin-left: -150px;*/
  margin-right: 0;
 }
}

@media (max-width: 767px) {
 main.main-14 .main-wrapper.demo-14 .img-wrapper {
  /*margin-left: 0px;*/
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 main.main-14 .main-wrapper.demo-14 .img-wrapper img {
  width: 100%;
 }
}

@media (max-width: 767px) {
 main.main-14 .main-wrapper.demo-14 .img-wrapper img {
  width: 100%;
 }
}

main.main-14 .main-wrapper.demo-14 .shape-1 {
 left: 250px;
 margin: auto;
 top: 120px;
}

main.main-14 .main-wrapper.demo-14 .shape-2 {
 left: 80px;
 top: 95px;
}

main.main-14 .main-wrapper.demo-14 .shape-3 {
 left: 88px;
 top: 230px;
}

main.main-14 .main-wrapper.demo-14 .shape-4 {
 left: 295px;
 top: 550px;
}

main.main-14 .main-wrapper.demo-14 .shape-5 {
 left: -48px;
 bottom: 250px;
}

main.main-14 .main-wrapper.demo-14 .shape-6 {
 left: 272px;
 bottom: -20px;
}

main.main-14 .main-wrapper.demo-14 .content-wrapper {
 /*margin-left: -40px;*/
}

@media (max-width: 767px) {
 main.main-14 .main-wrapper.demo-14 .content-wrapper {
  /*margin-left: 0px;*/
  margin-bottom: 30px;
 }
}

main.main-14 .main-wrapper.demo-14 .content-wrapper h1 {
 font-size: 60px;
 font-weight: 700;
 margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 main.main-14 .main-wrapper.demo-14 .content-wrapper h1 {
  font-size: 70px;
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 main.main-14 .main-wrapper.demo-14 .content-wrapper h1 {
  font-size: 60px;
 }
}

@media (max-width: 767px) {
 main.main-14 .main-wrapper.demo-14 .content-wrapper h1 {
  font-size: 50px;
 }
}

main.main-14 .main-wrapper.demo-14 .content-wrapper p {
 font-size: 16px;
 line-height: 26px;
}