.bg-cgs-nav-top {
    background-color: #036091;
}

.bg-cgs-footer {
    background-color: #036091;
    color: white;
    border-color: #ff6a00;
    border-style: solid;
    border-width: medium 0 0 0;
}

.bg-cgs-footer i {
    text-align: center;
    color: white;
}

.bg-cgs {
    background-color: #036091;
    background-size: 100% 100%;
}

@media all and (min-width:770px) {
    #main-page-row {
        min-height: 80vh !important;
    }

    .cgs-card-background {
        background-image: url('/image/Main_Screen_ClipArt.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: #036091;
    }

    .cgs-card-deck {
        width: 90% !important;
        margin: 2vh 0 0 4vw !important;
        table-layout: fixed;
        border-spacing: 1.25rem 0;
    }

    .cgs-cardreel-2 {
        margin-left: 5vw !important;
        margin-right: 5vw !important;
    }

    .cgs-card {
        background-color: transparent !important;
        color: white;
        border: hidden;
    }

/*
    .cgs-card .card-body{
         min-height: 65vh;
         -webkit-transition: width 1s, height 1s, -webkit-transform 1s; 
         transition: width 1s, height 1s, transform 1s;
    }        
        .cgs-card .card-body:hover {
            transform: rotate(360deg);
            -webkit-transform: rotate(180deg); 
        }
*/

    .cgs-card-footer {
        background-color: transparent !important;
        color: white;
        border: hidden;
    }
}

.cgs_responsible {
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}