@charset "utf-8";
/* 
InVida Colors
COLORS:
Purple #663291 (102, 51, 153)
Yellow  #D4DF2D (212, 223, 45)
Blue  #123C66 (18, 60, 102)
*/
.text-invida-purple {color: rgba(102, 51, 153);}
.text-invida-blue  {color: #123C66;}
.text-invida-yellow  {color: #D4DF2D;}
.text-invida-green  {color: #21FC00;}

.btn-invida-purple {background-color: #663291; color: #D4DF2D;}
.btn-invida-blue  {background-color: #123C66; color: white;}
.btn-invida-yellow  {background-color: #D4DF2D; color: black;}

.bg-invida-purple  {background-color: #663291;}
.bg-invida-blue   {background-color: #123C66;}
.bg-invida-yellow   {background-color: #D4DF2D;}
.intro-2 {
    background: url("/images/bg-01.jpg") no-repeat bottom left;
    background-size: cover;
}

.navbar {
    background-color: transparent;
}

.top-nav-collapse {
    background-color: #123C66;
}

html, body, header, .view {
    height: 92%;
}
.page-title {
	text-align: center;
	font-size: 1.5rem;
}
.overlap-header {
	width: inherit;
	max-width: 80%;
	margin: auto;
	margin-top: .5rem;
	background-color: rgba(102, 51, 153);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px;
	z-index: -0;
}
#home_pg_sec1_title{
	color: #ffffff;
	font-size: 100%
}
#container-home {
	background-color: rgba(102, 51, 153);
	margin-top: .5rem;
}
/********************************* Small devices (landscape phones, 576px and up)*************************/
@media (min-width: 576px) {


}
@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #123C66;
    }
}
/*********************************  Medium devices (tablets, 768px and up)************************/
@media (min-width: 768px) {

}

/********************************* Large devices (desktops, 992px and up)************************/
@media (min-width: 992px) {
	.overlap-header {
		width: 60vw;
		margin: auto;
		margin-top: -150px;
		background-color: rgba(255,255,255,1);
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 10px;
		z-index: 100;
	}
#home_pg_sec1_title{
	color: #000000;
	font-size: 135%
}
#container-home {
	background-color: rgba(255, 255, 255);
	margin-top: -150px !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 1rem;
	z-index: 1000;
	position: relative
}
.page-title {
	text-align: center;
	font-size: 3.5rem;
}
}

/********************************* Extra large devices (large desktops, 1200px and up***********************/
@media (min-width: 1200px) {


}/* YOUR CUSTOM STYLES */
@media (max-width: 768px) {

}
@media (max-width: 740px) {
	.full-height,
	.full-height body,
	.full-height header,
	.full-height header .view {
		height: 700px; 
	} 
	.display-4 {
		font-size: 3.5rem;
		font-weight: 300;
		line-height: 1.1;
		margin-top: 2rem;
	}

}
@media only screen and (max-width: 768px) {
  .js-equal-height[style] {
   height: auto !important;
	} 

}

@media only screen and (max-width : 992px) {

}