/*******************************************************************************
*
* Responsive
*
* Wethmar Attorneys
* Created by JDP Creative Outbursts
* https://www.facebook.com/jdpcreativeoutbursts
*******************************************************************************/



@media(min-width:769px) {
    .navbar {		
		padding: 60px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
	
	.logo-collapse{
		height:50px;
		width:auto;
		position:relative;
		padding-right:10px;
		top:0px;
		-webkit-transition: background .3s ease-in-out,top,height .5s ease-in-out;
        -moz-transition: background .3s ease-in-out,top,height .5s ease-in-out;
        transition: background .3s ease-in-out,top,height .5s ease-in-out;
	}
	
    .top-nav-collapse {
        /* Customize the look and feel of the collapsed top nav here */
        padding: 0;
    }
	
	.navbar li.menuitem a {
		padding-bottom:10px;
	}
	
	.navbar li.menuitem a:hover {
		padding-bottom:5px;
		border-bottom:5px solid #58585a;
		color:#58585a;
	}
	
	.navbar .dropdown-menu li.menuitem a,
	.navbar .dropdown-menu li.menuitem a.active,
	.navbar .dropdown-menu li.menuitem a:hover {	
		padding-bottom:5px;
		border-bottom:none;
	}
	
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
		padding-bottom:5px;
		border-bottom:5px solid #96aca8;
		background-color:none;		
	}
	
}

/**  tablet  **/
@media screen and (min-width:481px) and (max-width:768px) {
	#content {
		padding-top:60px;
	}
	
	.design {
		margin-top:5px;
		text-align:left;
	}	
	
	.intro-section {
		padding-top: 50px;		
	}
	
	.img-about {
		margin: 20px 0;
	}
	
}

/**  mobile  **/
@media screen and (max-width:480px) {
	#content {
		padding-top:60px;
	}
	
	.design {
		margin-top:5px;
		text-align:left;
	}	
	
	.navbar a.navbar-brand{
		font-size:16pt;		
	}
	
	.intro-section {
		padding-top: 50px;		
	}
	
	.img-about {
		margin: 20px 0;
	}
	
}