@media (max-width: 480px){
	.category-container{
		width:98%;
		padding:30px;
	}
	
	img.alignleft,
	img.alignright{
		float:none;
		margin-right:auto;
		margin-left:auto;
		width:100%;
		height:auto;
	}
	
	#article-page-content  #susan-photo{
		display:block;
	}
	
	#mobileMenu{
		padding-left:0px;
		padding-right:0px;
	}
	
	.navbar-brand{
		width:50%;
	}
	
	.navbar-brand img{
		width:100%;
		margin-top:5px;
	}
	
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px){
	body{
		/* background-color:pink; */
	}
	
	h1{
		font-size:30px;
		line-height:40px;
	}
	
	h2{
		font-size:25px;
		line-height:30px;
	}
	
	h3{
		font-size:19px;
		line-height:25px;
	}
	
	#mainMenuBar #logoContainer{
		width:70% !important;
		margin-left:15% !important;
	}
	
	/* #logoContainer img{
		margin:0 auto;
		width:140px;
	} */
	
	#mainMenuHolder{
		text-align:center;
	}
	
	#mainMenu{
		margin-top:5px;
		padding-left:0;
	}

	#mainMenu li a{
		margin-left:10px;
		
	}
	
	.btn-cta{
		font-size:16px !important;
		padding:10px;
		margin-bottom:5px;
	}
	
	.imaged-list li{
		padding-left:40px;
	}
	
	#banner{
		padding:20px 0 50px 0;
		text-align:center;
	}

	#banner h1{
		font-size:33px;
		line-height:40px;
	}
	
	#banner ul{
		text-align:left;
	}
	
	.section{
		padding:20px 0 20px 0;
	}
	
	#subMenu{
		text-align:center;
	}
	
	#subMenu li a{
		font-size:12px;
		margin-right:10px;
	}
	
	.icon{
		width:120px;
		margin:0 auto;
		margin-bottom:20px;
	}
	
	.the-content{
		padding-left:10px;
		padding-right:10px;
	}
	
	.service-sample .the-thumbnail{
		height:auto;
	}
	
	#sidebarLeft{
		margin-top:2em;
	}

	#sidebarLeft .row{
		max-width:400px;
		margin:20px auto;
	}

	.contact-detail{
		text-align:center;
	}
	
	.contact-detail img{
		margin:0 auto;
		width:80px;
	}

	.the-detail{
		margin-top:10px;
	}
	
	#susanPic{
		text-align:center;
	}
	
	#portfolioCategories{
		padding-left:0;
	}
	
	#portfolioCategories li a{
		margin-bottom:20px;
		display:block;
	}
	
	.the-arrow{
		visibility:visible;
	}
	
	.list-triad{
		margin-top:0px;
	}
	
	#banner h2{
		line-height:30px;
		font-size:19px;
	}
	
	#banner div.opaque{
		width:330px;
	}
	
	#banner ul li{
		font-size:16px;
	}
	
	#logoContainer span{
		font-size:14px;
		text-align:center;
		
	}
	
	.category-container{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
}

/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px){
	body{
		/* background-color:yellow; */
	}
	
	.container{
		width:100%;
	}
	
	#mainMenu{
		margin-top:25px;
		padding-left:0;
	}
	
	#banner h1{
		font-size:55px;
		line-height:55px;
	}
	
	#banner h2{
		line-height:30px;
		font-size:19px;
	}
	
	#mainMenu li a{
		margin-left:10px;	
	}
	
	.section{
		padding:20px 0 20px 0;
	}
	
	#logoContainer span{
		font-size:12px;
		text-align:center;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px){
	
	.container{
		width:990px !important;
	}
	
	#banner h1{
		font-size:55px;
		line-height:55px;
	}
	
	#banner h2{
		line-height:30px;
		font-size:19px;
	}
	
	
	
	#logoContainer span{
		font-size:12px;
	}
	
	
	
}

@media (max-width: 1199px){
	#logoContainer{
		width:30%;
		margin-left:35%;
	}
	
	#mainMenuHolder{
		width:100%;
		text-align:center;
	}
	
	#mainMenu{
		margin-bottom:20px;
		margin-top:20px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* .blog-left{
		padding-right:50px;
	}

	.blog-right{
		padding-left:50px;
	} */
	
	.container{
		width:1200px !important;
	}
	
	.list-triad.left{
		padding-right:20px;
	}

	.list-triad.center{
		padding-left:20px;
		padding-right:20px;
	}

	.list-triad.right{
		padding-left:20px;
	}
	
	.landing-page h1{
		line-height:30px;
	}
	
	.landing-page .section h2{
		line-height:45px;
	}
}