#lg {
	background-color:#17a2b8;
	color: white;
	width: 100%;
	height: 120%;
	margin-left: 15%;
	padding-bottom: 20%;
}

.bg-muted {
	background-color: #eee;
}

.white {
	background-color: white;
}

.txtblack {
	color: black;
}

.space {
	width: 100%;
	height: 50px;
}

.collapse-space {
	width: 100%;
	height: 50px;
}

.lgtext {
	color: #17a2b8;
}

.lgtext-1 {
	color: #17a2b8;
}

.sumspace {
	margin-top: 10%;
	margin-bottom: 10%;
}

.dataspace {
	margin-top: 7%;
	margin-bottom: 4%;
}

.vizspace {
	margin-top: 10%;
}

.centerspace {
	text-align: center;
	margin-top: 7%;
	margin-bottom: 5%;
}

.bottomspace {
	margin-bottom: 5%;
}

.bigimg {
	width: 80%;
	height: 50%;
}

.img-select {
	border: 5px;
	background-color: #17a2b8;
}

.hide {
	background-color: white;
}

.collapse-border {
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 4%;
}

.littleimg {
	width: 140px;
	margin-right: 52px;
	margin-bottom: 70px;
	margin-top: -50px;
	float: right;
}

@media screen and (max-width: 1250px) {
	.littleimg {
		width: 200px;
		margin-bottom: 70px;
		margin-top: -50px;
		float: left;
	}
}

@media screen and (max-width: 1163px) {
	img {
		width: 350px;
	}

}

@media screen and (max-width: 991px) {
	h5 {
		font-size: 0px;
	}

    .collapse-space {
		width: 100%;
		height: 0px;
	}

	.collapse-border {
		border-bottom: 0px solid #D3D3D3;
		padding-bottom: 0%;
	}

	.bigimg {
		width: 80%;
		height: 50%;
		border-bottom: 1px solid #D3D3D3;
		padding-bottom: 4%;
	}

	.littleimg {
		width: 150px;
		margin: 10px;
		float: none;
	}
}

@media screen and (max-width: 820px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #lg {
		background-color: #17a2b8;
		color: white;
		width: 90%;
		height: 20px;
		margin-left: -2%;
		padding-bottom: 6%;
	}
}
@media screen and (max-width: 768px) {
	#lg {
		background-color: #17a2b8;
		color: white;
		width: 90%;
		height: 20px;
		margin-left: 0%;
		padding-bottom: 6%;
	}

	.bigimg {
		width: 90%;
		height: 50%;
		border-bottom: 1px solid #D3D3D3;
		padding-bottom: 4%;
	}

	.hide {
		background-color: #17a2b8;
	}

}

@media screen and (max-width: 620px) {
	#lg {
		background-color: #17a2b8;
		color: white;
		width: 85%;
		height: 20px;
		margin-left: 0%;
		padding-bottom: 10%;
	}

	img {
		width: 350px;
	}

	h1 {
		font-size: 30px;
	}

	.lgtext-1 {
		font-size: 23px;
	}
}