html{
	height: 100%;
}
body {
  padding-top: 54px;
  overflow-x: hidden;
	background-color: #ffffff;

}


@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}
.card {
  height: 100%;
  border: none;
 column-gap: 0px;
}
.card-footer{
	border: none;
}
nav.navbar{
	background-color: #a84168;
	color:#ffffff;
	border: none;
}
footer{
	background-color: #a84168;
	color: #ffffff;
	border: none;
}

.intro-section{
	 height: 100vh;
}
	.about-section {
    height: 100%;
		padding: 100px;
		color: #ffffff;
		background-color: #c57392;

}
.sample-section{
	height: 100%;
	padding: 150px;
	text-align: center;
	background-color:#2098A9;
	color:#ffffff;

}
.about-section-cont {
	height: 100%;
	padding: 100px;
	text-align: center;
	background-color:#2098A9;
	color:#ffffff;
}
.services-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background:;
}
.picbg-section{
	height: 100%;
	padding-top:500px;
	text-align: center;
	background:;
}
a{
	color: #f8ab30;
}
a:hover{
	color: #70e0b6;
}


li{

	text-align: center;
	list-style: none;
}
.btn-primary{
  background-color: #2098A9;
  border: none;
}
.btn-primary:hover{
  background-color: #51daed;
}

@media (max-width: 575px){
	.main-logo{
		max-width: 50%;


	}
}
#about {
	padding-top: 0px;

  line-height: 0;

  -webkit-column-count: 2;
  -webkit-column-gap:   0px;
  -moz-column-count:    2;
  -moz-column-gap:      0px;
  column-count:         2;
  column-gap:           0px;
}

#about img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}


@media (max-width: 1200px) {
  #about {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 1000px) {
  #about {
	width: 100% !important;
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}

@media (max-width: 400px) {
  #about {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}