/*
Theme Name: Driveway
Author: 
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


#layerslider_3 {
	border:3px solid #ffffff;
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
	margin-bottom:1em;	
}

#logo, #slider {
	padding:1em;
}



dl					{ clear: both; margin: 0 0 60px 0; }



dt					{ border: 8px solid #A02D24; padding: 10px; background: #1F5158; 

					  position: relative; font-style: italic; position: relative; 

					  display: block; width: 95%; height: auto; }

					

dd.answer			{ background: #1F5158; 

					  position: relative; width: 60%; float: right;  margin-right: 34px;}

dd.answer div		{ padding: 10px; border-left: 8px solid #A02D24;

                      border-right: 8px solid #A02D24; border-bottom: 8px solid #A02D24;

                      margin: 0 0 10px 0; }



.answer-tab		    { background: url(images/answer-tag.png); display: block; 

                      text-indent: -9999px; width: 105px; height: 50px; cursor: pointer;

                      position: absolute; bottom: -58px; left: 10px;}


					  .menu li{float:left;
				list-style-type:none;
					 width:19%;
					 text-align:center;
					  border-right:1px solid gray;
					  font-size:20px;
					  height:45px;
					 
					  }
					  .menu li a{
					  color:#E5E5E5;
					 
					  }

					 .menu li a:hover { 
    color: #fff;
}
@media (max-width:409px){
		#header{
			width: 94% !important;
			margin-left: 21px !important;
		}
		#header .nav{
			top: 33px !important;
		}
		#header .nav ul li{
			top: -33px !important;
		}
		h1, h2, h2, h3, h4, h5, h6{
			text-align: left !important;
		}
	}
	@media only screen and (min-width: 410px) and (max-width: 767px) {
		.col-md-5{
			width: 56%;
		}
		.col-md-7{
			width: 44%;
		}
		#logo{
			float: left;
		}
		#slider{
			float: left;
		}
		#header{
			height: 281px !important;
		}
		#header .nav{
			top: 33px !important;
		}
		#header .nav ul li{
			top: -33px !important;
		}
		h1, h2, h2, h3, h4, h5, h6{
			text-align: left !important;
		}
	}
	 @media only screen and (min-width: 768px) and (max-width: 999px) {
		.col-md-5{
			width: 50%;
		}
		.col-md-7{
			width: 43%;
		}
		#logo{
			float: left;
		}
		#slider{
			float: left;
		}
		h1, h2, h2, h3, h4, h5, h6{
			text-align: left !important;
		}
	}