/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	#header form.search {
		display: inline-block;
		margin-left: 40px;
		margin-right: 0;
	}
	
	#header .menu.primary a {
		height: 61px;
	}
	
	#header .logos {
		text-align: left;
	}
	
		#header .logos img {
			height: 75px;
		}
	
		#header .logo {
			margin-bottom: 5px;
		}
	
	#splash {
		margin-top: 150px;
		margin-bottom: 80px;
	}
	
		#splash .box {
			background-color: rgba(15,116,57,.8);
		}
		
			#splash .inner {
				padding: 20px 10px;
				font-size: 16px;
			}
	
	#ctas {
		background-color: #ededed;
		padding: 30px;;
	}
	
	#ctas .cta {
		padding: 30px;
	}
	
	#ctas .menu.ctas li {
		height: 68px;
	}
	
	#footer .menu {
		margin-bottom: 0;
	}
	
	#credit .qai {
		text-align: left;
	}
	
	#credit .rootsol {
		text-align: right;
	}
	
	#affiliates img {
		max-height: 80px;
		max-width: 200px;
	}
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	#header .menu.top a {
		font-size: 15px;
	}
	
	#header .logos {
		text-align: left;
	}
	
		#header .logos img {
			height: auto;
		}
	
		#header .logo {
			margin-bottom:0;
			margin-right: 10px;
		}
	
	.template-home #main article {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#splash {
		margin-top: 250px;
		margin-bottom: 96px;
	}
	
		#splash .inner {
			font-size: 20px;
		}
	
	#ctas {
		margin-top: -100px;
	}
	
	#ctas .menu.ctas a {
		font-size: 16px;
	}
	
	#ctas .cta .entry-content {
		border-right: 1px solid #ccc;
	}
	
		#ctas .cta aside .btn {
			width: 100%;
		}
		
	#ctas .cta h2 {
		padding-left: 5px;
	}
	
	#ctas .cta aside,
	#ctas .cta .entry-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#credit .certificates {
		float: right;
		margin: 0;
	}
	
	#affiliates img {
		max-height: 100px;
		max-width: 250px;
	}
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	#header .menu.primary a {
		height: auto;
		font-size: 15px;
	}
	
	.template-home #main article .inner {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#ctas .menu.ctas li {
		height: auto;
	}
	
	#affiliates img {
		max-height: 120px;
		max-width: 300px;
	}
			
}