html{
  height: 100%;
}
body {
  /*background-image: url('/images/bg.jpg');*/
  font-family: 'Poiret One', cursive;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  overflow-x: hidden;

}
@media (min-width: 992px) {
  body {
    padding: 156px 0 100px;
  }
}
p.para{
  font-size: 20pt;
}
.promo{
  font-size: 20pt;
}
p.promo{
  font-size: 40pt;
}
p.promo-top{
  font-size: 25pt;
}

li{
    display: inline-block;
}


p{
  /*text-align: justify;*/
}
/*section {
  padding: 50px 0;
}*/
h1{
  /*color: #ffffff;*/
  /*font-family: 'Playfair Display', serif;*/
}




footer{
  color: #383838;
  background-color:#50cdeb;
}
/*video{
  height: 100px;
}*/
.btn{
  /*background-color: #3c2f36;*/
  background-color: #ffffff;
  color: #f66467;
  border: 1px solid #f66467;
  height:;
  width:;
  
}
.btn:hover{
  background-color: #ffffff;
  color: #f66467;
  border: 1px solid #f4f4f4;
}
a {
  color:#ffffff;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
a:hover{
    color:#feea71;
	  text-decoration: none;
}


.intro-section{
       background-color:#ffffff;
		   background-image: url('/images/header-bg.jpg');
       background-attachment: scroll;
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center center;
	     height: 65vh;
       /*z-index: 10;
       box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);*/
		 }
     .content-a{
       background-color: ;
       width: 100% !important;
       height: auto !important;
       }

       section.content-a {

         margin: 0 auto;

         overflow: hidden;
       }

       .content-a {

       /* height: 100%;*/
         position: relative;

         float: left;

         &:nth-child(even) {
           margin-right: 0;
         }
       /*  box-shadow: 0 1px 3px rgba(black, 0.2);*/
       }

       .grid-1{
           padding: 20px;
           padding-right: 40px;
           background-color: #feea71;
           color: #ffffff;
           }

       .grid-2{
           padding: 20px;
           background-color: #f66467;
           color: #ffffff;
         }
         .grid-3{
             padding: 20px;
             padding-right: 40px;
             background-color: #50cdeb;
             color: #ffffff;
             }

             .grid-4{
                 padding: 20px;
                 padding-right: 40px;
                 background-color: #ffab51;
                 color: #ffffff;
                 }

             .grid-5{
                 padding: 20px;
                 background-color: #4fd4d1;
                 color: #ffffff;
               }
/*.about-section{
       position:  relative;
       background-image: url('');
       background-attachment: fixed;
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center center;
       z-index: 9;
       box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
     }*/
/*.services-section{
       position:  relative;
       background-image: url('');
       background-attachment: fixed;
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center center;
       z-index: 8;
       box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
     }*/
/*.sample-section{
  position:  relative;
  background-image: url('/images/autumn-calm-creepy-461763.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 7;
}*/

/*.square{
  background-color: #c0b283;
  color: #ffffff;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
}*/

/*@media screen and (min-width: 320px) and (max-width: 375px){
  h1.intro-head{
    font-size: 20pt;
    }
}
@media screen and (min-width: 376px) and (max-width: 400px){
  h1.intro-head{
    font-size: 30pt;
    }
}
@media screen and (min-width: 401px) and (max-width: 500px){
  h1.intro-head{
    font-size: 40pt;
    }
}
@media screen and (min-width: 501px) and (max-width: 600px){
  h1.intro-head{
    font-size: 60pt;
    }
}
@media screen and (min-width: 601px) and (max-width: 800px){
  h1.intro-head{
    font-size: 60pt;
    }
}
@media screen and (min-width: 801px) and (max-width: 1024px){
  h1.intro-head{
    font-size: 60pt;
    }
}*/