/**********************/
/**      Helper      **/
/**********************/

.main-color{
  color: #00B774;
}

.main-bg{
  background-color: #00B774;
}

.secondary-color{
  color: #652628;
}

.light-color{
  color: #CC7474;
}

.extra-light-color{
  color: #FFF2F2;
}

.bg-extra-light-color{
  background-color: #FFF2F2;
}

.main-border-color{
  border-color: rgba(193, 108, 112,0.2);
}

.white{
  color: #fff !important;
}

/**********************/
/**    Typography    **/
/**********************/



/**********************/
/**   GUI Elements   **/
/**********************/

/*=================== Header =========================*/
header .navbar-inverse{
  background-color: rgba(255, 255, 255, 0.85);
  border-color: #4bb875;
}

header ul.navbar-nav li.active > a{
  color: #00B774!important;
}
/*=================== Header: END =========================*/

/*=================== Home =========================*/
.card{
  background-color: #fff;
}
/*=================== Home: END =========================*/

/************************/
/**   Media Queries    **/
/************************/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}