body {
    font-family: "Lato", Helvetica, Arial, sans-serif;
  
}

.navbar-fixed-top{
  position: fixed;
  top:0;
  left: 0;
  right: 0;
}
.navbar-default{
  background: #FD3D44;
  display: flex;
  height: 60px;
  

}

 .flex-row {
	 flex-direction:row;
 }
 
  .flex-column {
	 flex-direction:column;
 }
 
 .navbar-left{
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
 }
.navbar-brand{
	font-size: 16pt;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
 .navbar-right{
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
 }
 .navul{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   font-size: 16pt;
   color: #FFFFFF;
   list-style: none;
   height: 100%;

 }

 .navul li{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   font-size: 16pt;
   color: #FFFFFF;
   height: 100%;
 }

 .smoothScroll{
     position: relative;
     display: inline-block;
     font-size: 16pt;
     color: #FFFFFF;
     text-decoration: none;
     margin-left: 30px;
     height: 30px;
 }



 .active::before {
    content: '';
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0;
    bottom: -5px;
    margin-top: 10px;
    height: 2px;
    background: #fff;
   
}

.banner-section{
   display: flex;
   background-image: linear-gradient(179deg, #FFE2E4 0%, #FFC0C4 95%);
   min-height: 400px;
   margin-top: 60px;
}

.banner-section>div:nth-child(1){
    flex:1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.banner-section>div:nth-child(1) img{
   height: 300px;
   width: 230px;
}



.banner-section>div:nth-child(2){
    flex-basis: 20%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.banner-section>div:nth-child(2)>div{
   margin-left: 20px;
}

.banner-section .pTitle{
  color: #333333;
  font-weight: bold;
  font-size: 18pt;
}

.banner-section .pDesc{
  color: #333333;

  font-size: 13pt;
}



.banner-section>div:nth-child(3){
    flex:1;
}

.about-section{
   display: flex;
   background: #FFFFFF;
   min-height: 400px;
}



.about-section>div:nth-child(3){
    flex:1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.about-section>div:nth-child(3) img{
   height: 300px;
   width: 180px;
}



.about-section>div:nth-child(2){
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.about-section>div:nth-child(2)>div{
   margin-left: 0px;
}


.about-section>div:nth-child(1){
    flex-basis: 20%;
}

.about-section .pTitle{
  color: #333333;
  font-weight: bold;
  font-size: 18pt;
}

.about-section .pDesc{
  color: #333333;
  margin-top: 10px;
  font-size: 13pt;
}

.about-section .pDesc .subDesc{
    display: inline-block;
}

.about-section .marginTop{
  margin-top: 40px;
}

.feature-section{
   display: flex;
   background: #FD3D44;
   min-height: 100px;
   color: #FFFFFF;

}
.feature-section>div:nth-child(1){
    flex-basis: 20%;
}

.feature-section>div:nth-child(2){
    flex:1;
    display: flex;
    justify-content: flex-start;
   align-items: center;
}

.footer-section{
   background: #FFFFFF;
   min-height: 100px;
   text-align: center;
}


@media (max-width: 979px){
   .flex-row {
	 flex-direction:column;
   }

   .banner-section>div:nth-child(1) {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.about-section>div:nth-child(3) {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.banner-section>div:nth-child(2)>div {
    margin: 10px;

}

.about-section>div:nth-child(2)>div {
    padding: 10px;
}

.feature-section {
   padding: 10px;
}

.navbar-right {
    display: none;
  
}

.navbar-left {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    padding-left:10px;
}

}