body {
  padding-top: 0px;
  padding-bottom: 50px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 1.45rem;
}

a {
  color: #50A8B5;
  text-decoration: underline;
}

.navbar {
  height: 80px;
  width: 100%;
  box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.3);
border-radius: 0 !important;
margin-bottom: 0 !important;
}

.banner{
  background: rgb(80,168,181);
background: linear-gradient(90deg, rgba(80,168,181,1) 0%, rgba(80,168,181,0.7469362745098039) 100%);
  margin-bottom: 20px;
  height: 340px;
}

.banner-img {
  background: rgb(80,168,181);
  margin-bottom: 20px;
  height: auto;
  min-height: 300px;;
  background: url(../images/PP24-Monify-PC-FULLBanner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.container h2 {
  font-weight: 600;
  font-size: 3.5rem;
  color: #fff;
  padding:20px 30px;
}

.content-area {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 16px 0pxx rgba(0,0,0,0.3);
  margin-top: -200px;
  padding:10px 40px 30px;
}

.content-area2 {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 16px 0pxx rgba(0,0,0,0.3);
  margin-top: -100px;
  padding:10px 40px 30px;
}

h1 {
  font-weight: 600;
  font-size: 3.5rem;
  color: #333;
  padding-bottom: 10px;
}

h3 {
  font-weight: 600;
  font-size: 2.2rem;
  color: #50A8B5;
  padding-bottom: 10px;
}

h4 {
  font-weight: 600;
  color: #50A8B5;
  margin: 40px auto 30px;
  font-size: 20px;
}

input, select, textarea {
  width: 99.5%;
  border: 1px solid #C1C1C1;
  color: #C1C1C1;
  font-weight: 400;
  font-size: 1.45rem;
  text-align: left !important;
  padding:15px 10px;
  margin:4px 0;
}

input[type=radio] {
  width: 20px;;
  margin: 4px 10px 0 5px;
  line-height: normal;
}

input[type=checkbox] {
width: 20px;
  margin:10px 14px 0 0;
}

.btn {
  padding: 1.4em 3.2em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42857143;
  background-color: #333;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  color: #fff;
  width: auto;
}

.btn:hover {
  background-color: #50A8B5;
}

.btn.focus, .btn:focus, .btn:hover {
    color: white !important;
    text-decoration: none;
}

.modal-content {
  padding: 0px 20px 30px !important;
}

.close {
  font-size: 28px;
  font-weight: 600;
  color: #000;
  filter: alpha(opacity=90);
  opacity: .9;
}

.form-control {
  display: block;
  width: 98%;
  border: 1px solid #C1C1C1;
  color: #333;
  font-weight: 400;
  font-size: 1.45rem;
  text-align: left !important;
  padding: 15px 10px;
  border-radius: 0;
  height: 50px;
}

.sflogo {
  width: 100%;
  max-width: 310px;
  height: auto;
  margin:0px; 
  float: right;
}
.col-sm-6 {
  padding-right: 0px;
  padding-left: 0;
}

.invite {
  text-align: center; 
  background-image: url(../images/dots-stars.svg); 
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain; 
  padding-top:80px; 
}

@media (min-width: 768px) {
.navbar-header {
    float: unset;
}
.modal-dialog {
  width: 760px;
  margin: 30px auto;
}
}

@media (max-width: 549px)
{
.logo, .home {
    height: 40px;
}
.container h2 {
  font-size: 2.8rem;
}
h1 {
  font-size: 3rem;
  margin-top: 60px;
}
}

@media (max-width: 749px)
{
.banner-img {
  background: rgb(80,168,181);
  margin-bottom: 20px;
  height: auto;
  min-height: 300px;;
  background: url(../images/PP24-Monify-Mobi-FULLBanner-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
input {
  width:100%;
}
}