.navbar.user-portal{
	padding: 0 16px;
}

.welcome-header {
	margin: 70px 0;
	color: #4c4c4c;
}
.service-card {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	width: 250px;
	max-height: 200px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	overflow: hidden;
	padding: 16px 8px;
	border-radius: 18px;
	text-align: center;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0);
	margin: 16px;
    -webkit-transition: max-height 1s ease-out;
    -moz-transition: max-height 1s ease-out;
    -ms-transition: max-height 1s ease-out;
    -o-transition: max-height 1s ease-out ;
    transition: max-height 1s ease-out;
}

.service-card:hover {
	max-height: 600px;
}

.service-card .icon {
	display: inline-block;
	border-radius: 50%;
	line-height: 70px;
	height: 70px;
	width: 70px;
	overflow: hidden;
	color: white;
	font-size: 26px;
}

.service-card .icon.ip {
	background-color: #2980d9;
}
.service-card .icon.ig {
	background-color: #52acf4;
}
.service-card .icon.im {
	background-color: #3498db;
}


.service-card .name {
	margin-bottom: 1em;
    font-family: 'Roboto-Regular';
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
}

.service-card .description, .service-card .full-description {
	margin: 16px 0;
    font-size: 13px;
    color: #4c4c4c;
}

.service-card:not(:hover) .full-description {
    opacity: 0;
    transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -webkit-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;

}

.service-card:hover .description {
    opacity: 0;
    transition: opacity 0s;
    -moz-transition: opacity 0s;
    -webkit-transition: opacity 0s;
    -o-transition: opacity 0s;
}

.service-card:hover .full-description{
    opacity: 1;
    transition: opacity 0s;
    -moz-transition: opacity 0s;
    -webkit-transition: opacity 0s;
    -o-transition: opacity 0s;
}

.service-card:not(:hover) .description {
    opacity: 1;
    transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -webkit-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
}

.service-card .full-description {
    margin-top: -51px;
}