body {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	background-color: #f2f2f2;
}


.flex-row
{
	display:flex !important;
	flex-direction:row !important;
}

.flex-column
{
	display:flex !important;
	flex-direction:column !important;
}

.spacer
{
	height:1rem;
	width:1rem;
}

.rounded-corners {
	border-radius: 0.5rem;
}

.content-card {
	margin: 1rem;
	background-color: #393e46;
	border-radius: $rounded-corners;
	z-index: 1;
	box-shadow: 0.35rem 0.5rem 1.25rem #222831;
}

.content-card-title {
	border-radius: 0.5rem 0.5rem 0 0;
	z-index: 3;
	width:100%;
	justify-content: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #222831;
}

.content-card-title h1 {
	text-transform:uppercase;
	text-align: center;
	justify-content: center;
	font-weight: bolder;
	color: #f96d00;
}

.traffic-card {
	margin: 1rem;
	z-index: 3;
	display:flex !important;
	flex-direction:column !important;
	background-color: #f96d00;
	color: white;
	box-shadow: 0.35rem 0.5rem 1.25rem #222831;
}

.twitter-feeds {
	margin: 1rem 1rem 0 1rem;
	width: 40rem;
	box-shadow: 0.35rem 0.5rem 1.25rem #222831;
}

.weather-feeds {
	height: 192px; 
	width: 288px;
	border: none;
	box-shadow: 0.35rem 0.5rem 1.25rem #222831;
}

.footer {
	width:100%;
	justify-content: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #222831;
}

.footer p {
	color:white;
	justify-content: center;
	text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
	.traffic-card img{
		width: 800px;	
	}
}