/*.bannergrid1 {
            overflow: hidden;
            position: relative;
            display: block;
            box-shadow: 0px 2px 15px #d4d4d4, 0 1px 2px rgba(0, 0, 0, .24);
        }*/
    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #0d5677;
    }

    .clr:hover .overlay {
        opacity: 1;
    }

    .clr1:hover .overlay {
        opacity: 1;
    }

    .clr2:hover .overlay {
        opacity: 1;
    }

    .clr3:hover .overlay {
        opacity: 1;
    }

    .clr4:hover .overlay {
        opacity: 1;
    }

    .clr5:hover .overlay {
        opacity: 1;
    }

    .text {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

		.healthBridge{
			font-size: 60px;
			color:#ffffff;
			line-height: 200px;
			font-family:Unica One;
		}
		*,
			:after,
			:before {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}
		section {
			height: 1vh;
			width: 100%;
			display: table;
		}
		section.ok{
			/*background-color: #555;*/
		}
		p{
			color: white;
			/*font-family: arial;*/
			display: table-cell;
			text-align: center;
			vertical-align: middle;
		}
		.scroll-down {
			opacity: 1;
			-webkit-transition: all .5s ease-in 3s;
			transition: all .5s ease-in 3s;
		}
		.scroll-down {
			position: absolute;
			bottom: 215px;
			left: 50%;
			margin-left: -16px;
			display: block;
			width: 32px;
			height: 32px;
			border: 2px solid #ffffff;
			background-size: 14px auto;
			border-radius: 50%;
			z-index: 2;
			-webkit-animation: bounce 2s infinite 2s;
			animation: bounce 2s infinite 2s;
			-webkit-transition: all .2s ease-in;
			transition: all .2s ease-in;
		}
		.scroll-down:before {
			position: absolute;
			top: calc(50% - 4px);
			left: calc(50% - 6px);
			transform: rotate(-45deg);
			display: block;
			width: 12px;
			height: 12px;
			content: "";
			border: 2px solid #ffffff;
			border-width: 2px 2px 0px 0px;
		}
		.scroll-up {
		    opacity: 1;
		    -webkit-transition: all .5s ease-in 3s;
		    transition: all .5s ease-in 3s;
		}
		.scroll-up {
		    position: absolute;
		    bottom: -109px;
		    left: 53%;
		    margin-left: -56px;
		    display: block;
		    width: 32px;
		    height: 32px;
		    border: 2px solid #ffffff;
		    background-size: 14px auto;
		    border-radius: 50%;
		    z-index: 2;
		    -webkit-animation: bounce 2s infinite 2s;
		    animation: bounce 2s infinite 2s;
		    -webkit-transition: all .2s ease-in;
		    transition: all .2s ease-in;
		}
		.scroll-up:before {
			position: absolute;
			top: calc(43% - 4px);
			left: calc(50% - 6px);
			transform: rotate(-225deg);
			display: block;
			width: 12px;
			height: 12px;
			content: "";
			border: 2px solid #ffffff;
			border-width: 2px 2px 0px 0px;
		}
		@keyframes bounce {
		    0%,
		    100%,
		    20%,
		    50%,
		    80% {
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			}
		40% {
			-webkit-transform: translateY(-10px);
			-ms-transform: translateY(-10px);
			transform: translateY(-10px);
			}
		60% {
			-webkit-transform: translateY(-5px);
			-ms-transform: translateY(-5px);
			transform: translateY(-5px);
			}
		}