/*------------------------------------------------------------------------
# Soapbox Engage -> Style CSS (v1.0.0) : RESPONSIVE
# ------------------------------------------------------------------------
# Copyright (C) 2012 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/
#logo img {
	max-width: 100%;
}





/* ------------------------------------------------------------------------
/* !MEDIA QUERIES > Template */
/* ----------------------------------------------------------------------*/
@media (min-width: 768px) {
	.text-md-left {
		text-align: left !important;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg {
		flex-flow: row nowrap;
		justify-content: flex-start;
	}
	
	.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
		flex-wrap: nowrap;
	}
	
	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
	
	.row-features .col-lg-3 {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@media (max-width: 991px) {
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	
	.navbar-expand-lg .navbar-mobile {
		flex-direction: column;
		align-items: flex-start;
		width: 300px;
		height: 100vh;
		position: fixed;
		top: 0;
		left: -300px;
		bottom: 0;
		padding: 20px;
		background-color: #fff;
		overflow-y: auto;
		overflow-x: hidden;
		transition: left 0.3s ease;
		z-index: 1002;
	}
	
	.navbar-expand-lg .navbar-mobile>* {
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
	}
	
	.navbar-expand-lg .navbar-mobile ul.menu {
		flex-direction: column;
		flex-wrap: nowrap;
		width: 100%;
	}
	
	.navbar-mobile ul.menu > li > a, .navbar-mobile ul.menu > li > span {
		min-height: inherit;
		line-height: inherit;
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		font-size: 0.95rem;
		text-transform: none;
	}
}

@media (max-width: 767px) {
	html {
		font-size: .87891rem;
	}

	body {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.footer ul.menu {
		column-count: 1;
	}
}