/* 
* ================
*  Sidebar Styles
* ================
*/

.groundbreakers-sidebar #groundbreakers-carousel{
	height: 480px;
	padding: 20px 0 0;
	margin-bottom: 50px;
}

.groundbreakers-sidebar .groundbreaker {
	font-family: "Source Sans Pro", sans-serif;
	text-transform: uppercase;
}
.groundbreakers-sidebar .groundbreaker h4 {
	margin: .5em 0;
	font-size: .8rem;
}
.groundbreakers-sidebar .groundbreaker img.company-logo {
	margin: 1em auto 0;
    max-width: 100%;
    width: 40%;
}

.groundbreakers-sidebar #groundbreakers-carousel .carousel-indicators{
	bottom: -40px;
}

/* 
* ================
*   Modal Styles
* ================
*/

#groundbreaker-modal .modal-header{
    padding: 8px 16px;
    border-bottom: none;
}

#groundbreaker-modal .modal-body .groundbreaker-modal-img{
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
	width: 100%;
}
#groundbreaker-modal .modal-body .groundbreaker-info {
	float: left;
	width: 50%;
	padding: 0 20px 20px 0;
}
#groundbreaker-modal .modal-body .groundbreaker-info h3,
#groundbreaker-modal .modal-body .groundbreaker-info h4 {
	text-transform: uppercase;
}
#groundbreaker-modal .modal-body .groundbreaker-info h3{
	font-size: 1.6em;	
}
#groundbreaker-modal .modal-body .groundbreaker-info h4{
	font-size: 1em;
}
#groundbreaker-modal .modal-body .groundbreaker-info .company-logo {
    width: 60%;
}
#groundbreaker-modal .modal-body .groundbreaker-description {
	text-align: justify;
	text-justify: inter-word;
}

/* 
* ===================
*  Responsive Styles
* ===================
*
* Based off of my favorite go-to article for responsive breakpoints
* https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
*/

/* Mobile Devices */
@media (max-width: 599px){

	/* === sidebar === */
	.groundbreakers-sidebar #groundbreakers-carousel{
		height: 38em;
	}
	/*
	.groundbreakers-sidebar .groundbreaker h3,
	.groundbreakers-sidebar .groundbreaker h4 {
		text-align: center;
	}
	.groundbreakers-sidebar .groundbreaker h3 {
		font-size: 2em;	
	}
	.groundbreakers-sidebar .groundbreaker h4 {
		font-size: 1.5em;
	}*/

	/* === modal === */
	#groundbreaker-modal .modal-body .groundbreaker-info {
		float: none;
		width: 100%;
		padding: 0;
		text-align: center;
		margin: 0 auto;
	}

}
/* Tablet Portait */
@media (min-width: 600px){
	
}
/* Tablet Landscape */
@media (min-width: 900px){

}
/* Desktop */
@media (min-width: 1200px){

}
/* Large Screen */
@media (min-width: 1800px){

}