html{
	height: 100%;
}
body {
  padding-top: 54px;
  overflow-x: hidden;
	background-color:#8764af;
	color: #000000;
	background-image: url('../images/bg-main.png');
	background-position: top center;
  background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}

h1.masthead{
	 margin-top: auto;
   margin-bottom: auto;

}
p.desc{
	font-size: 30pt;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
}
.box{
	background-color: #b7a3ce;
	padding: 70px;
	border: 3px solid #00C478;
	border-radius: 10px;
}
footer{
	color: ;
	background-color:#ffffff;
}
nav.navbar{
	background-color:#ffffff;
}

@media (min-width: 992px) {
  body {
    padding-top: 54px;
  }
}
video {
    width: 100%;
    height: auto;
}
.card {
  height: 100%;
  border: none;
 column-gap: 0px;
}
.card-footer{
	border: none;
}



.intro-section{
	     padding-top: 150px;
			 padding-bottom: 150px;
       background-color:#ffffff;
		   background-image: url('../images/bg.jpg');
	   	 background-repeat: no-repeat;
	  	 background-position: bottom center;
	     background-attachment: fixed;
	     height: 100vh;
		 }
.promos-section{
	background-color: ;
	background-image: url('../images/bg-feature.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

	.features {
		background-image: url('../images/bg-feature.jpg');
		background-size: cover;
		background-position: center center;
		text-align: justify;
    height: 100%;
    padding-top: 150px;
		padding-bottom: 150px;
    text-align: center;
		background-color:#FFC809;
		color:#ffffff;
	}

.between-section {
    height: 100%;
    /*padding-top: 150px;*/
    text-align: center;
    background-color:#ffffff;
		color:#ffffff;
}
li{

	text-align: center;
	list-style: none;
}
.btn-primary{
	background-color: #00c578;
	border: none;
	padding: 20px;
}
.btn-primary-2{
	background-color: #ffffff;
	border: 3px solid #00c578;
	color: #00c578;
	padding: 20px;
}

.btn-primary-nav{
	background-color: #00c578;
	border: none;
}
a{
	color: #6b1668;
}
a:hover{
	color: #f7c3f5;
	text-decoration: none;
}
h1.h-name{
	font-size: 100pt;
	font-family: 'Kanit', sans-serif;
	color: #ffffff;
}



@import "compass/css3";

* {
  @include box-sizing(border-box);
}
.photos{
	background-color: ;
	background-image: url('../images/bg-feature.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

.videos{
	background-color: ;
	background-image: url('../images/bg-feature.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
section.photos {
  margin: 0 auto;
  overflow: hidden;
}