/* Popover styling */

a {
  text-decoration: none;
}

.popover__title {
  text-decoration: none;
  color: rgb(228, 68, 68);
  text-align: center;
  padding: 30px 0;
}

.popover__wrapper {
    position: relative;
    display: inline-block;
}
.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
	left:-25px;
	bottom:-100px;
    background-color: white;
    padding: 1rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.26);
    width: 200px;
}
.popover__content:before {
    position: absolute;
    z-index: -1;
    content: '';
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #FFFFFF transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover__wrapper:hover .popover__content {
    z-index: 100;
    opacity: 1;
    visibility: visible;
    transform: translate(0,-20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}


/* Large devices (desktops, less than 1450px) */
@media (max-width: 1450.98px) { 

.top-text {
    z-index: 100;
}

}




/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

.space {
	padding:40px 10px 180px 10px;
}

.space h1 {
	padding-bottom:40px;
}

.space a {
	top:70px;
}

.shadow {
	padding:3em 2.5em;
}

.goals align-self-center {
	padding:30px 20px;
}

.bg3 {
	padding-top:220px;
}

.power {
	padding-top:100px;
}

h1 {
	font-weight:700;
	font-size:36px;
	line-height:43px;
	color:#526156;
}
h2 {
	font-weight:700 !important;
	color:#918E8E;
	font-size:18px;
}
p {
	font-weight:400;
	font-size:16px;
	line-height:32px;
	color:#A1A1A1;
}

.white-text {
	padding:50px 20px;
}

.back5 {
	background:#004151;
}

.title2 {
	text-align:center;
  width:100%;
  padding:50px 0;
}


}



/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 

.bg3 {
	padding-top:120px;
}

p {
	padding-left:20px !important;
}

.contain {
	margin-top:0px;
}

.navbar-light {
	background-color:#8FBBD4;
}

.navbar-light .navbar-brand {
    color: #FFFFFF !important;
}

.pad-right li {
	margin-left:0px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 33px !important;
    height: 3px !important;
    background-color: #F5F5F5 !important;
	transition-duration:0.4s !important;
}

.light-blue {
	font-size:44px;
}

.bg1 {
    background: linear-gradient(
 rgba(25, 28, 26, 0.40), 
 rgba(25, 28, 26, 0.40)
 ), url(../image/larm-rmah-216854-unsplash-min.jpg);
    background-size: cover;
    height:auto;
}

.top-text { 
top:0;
left:0;
margin:0 auto;
margin-top:70px;
margin-bottom:70px;
width:90%;
padding:4em 3em;
}

.top-text h1 {
	padding-bottom:10px;
	line-height:45px;
}

.top-text p {
	padding-left:0 !important;
	padding-bottom:25px;
	line-height:25px;
	font-size:16px;
}

.homeback2 {
	height:400px;
}

.white-text {
	padding:70px 10px;
}

.white-text h1 {
	padding-bottom:20px;
}

.back3 {
	display:none;
}

.bg2 {
    background: linear-gradient(
 rgba(29,37,48, 0.70), 
 rgba(29,37,48, 0.70)
 ), url(../image/eric-froehling-71895-unsplash-min.jpg);
    background-size: cover;
	height:auto;
	padding:70px 0;
}

.bg2 p {
	color:white;
}

.about {
	padding:80px 20px;
}

.about .col-lg-6:last-child {
	padding:0;
}

.about-text {
	padding-bottom:20px;
	padding-left:0;
	padding-right:0;
}


ul {
	margin-block-start: 0;
	padding-inline-start: 0px;
}

.services ul {
	margin-top:0;
}

.services li {
	font-weight:700;
	font-size:20px;
	line-height:25px;
}

.services li:before {
	content:"";
	display:inline-block;
	width:7px;
	height:7px;
	border-radius:20px;
	margin-right:10px;
	position:relative;
	top:-2px;
	
}


.goals {
	height:auto;
}

.goals .align-self-center {
    padding: 70px 20px;
}

.back4 {
	height:400px;
}


 }




/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

.contain {
	margin-top:0px;
}


.top-text { 
width:95%;
padding:.8em .1em;
}

.arrow {
	display:none;
}

.navbar-light {
	background-color:#8FBBD4;
}

.pad-right li {
	margin-left:0px;
}

.pad {
	display:none;
}

footer ul {
	margin-bottom:30px;
}

footer h1 {
	font-size:20px;
	font-weight:600;
	padding-bottom:10px;
}

#accordion button {
	text-decoration:none;
	font-weight:700;
	font-size:16px;
}

.padding .col-lg-6 {
    padding: 0 10px;
}

.employee div:first-child {
	padding-bottom:20px;
}

 }





/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  

.line2 {
	background-color:white;
	width:70% !important;
	height:1px;
	margin:0 auto;
}

.popover__content {
	display:none;
}

.goals h1 {
	font-size:35px;
	line-height:1em;
	padding-bottom:20px;
	text-align:center !important;
	margin: 0 auto;
}

.goals h1 span {
	font-size:35px;
}

.team {
	text-align:center;
	padding-bottom:30px;
}

.team .col-lg-2 {
	margin-bottom:20px;
}

footer {
	padding-top:50px;
}

footer h2 {
	padding-top:20px;
}

.title h1 {
	padding-top:40px;
	font-size:35px;
}

.title span {
	font-size:35px;
}

.title p {
	font-size:15px;
	padding-bottom:30px;
}

.about {
	padding-bottom:0px;
	padding-top:40px;
}

.about:last-child {
	padding-bottom:40px;
}

.about-text h1 {
	font-size:30px;
	padding-bottom:10px;
}

.about-text li {
	padding-left:20px;
}

.team {
	padding-bottom:40px;
}

.bg2 div:first-child {
    padding: 10px 20px;
}

.bg2 p {
	text-align:left;
}

.padding {
	padding:40px 15px;
}

.padding h1 {
	padding-top:00px;
}
#accordion button {
	padding:.8em .75em !important;
}

}


@media (max-width:575px) {
    .display-4 {
        font-size: 1.5rem;
    }
    .day h5 {
        background-color: #f8f9fa;
        padding: 3px 5px 5px;
        margin: -8px -8px 8px -8px;
    }
    .date {
        padding-left: 4px;
    }
}

@media (min-width: 576px) {
    .day {
        height: 9vw;
    }
}