@media (max-width:767px)
{
	body.home-page .container
	{
		width:100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	body.home-page .container .footer-content
	{
		margin-left: auto;
		margin-right: auto;	
	}
	
	body.home-page .navbar-fixed-top, body.home-page .navbar-fixed-bottom {
		position: static; /* position: fixed; */
		right: 0;
		left: 0;
		z-index: 1030;
	}

   .navbar-nav>li>a
    {
        padding:0px;
    }

    .header
    {
        background-image: url(/assets/img/header-background-mobile.png);
    }

	.container /*changed from 200 to 500 just to make sure the site can't get too narrow*/
    {
        min-width: 500px;
    }

    .main-content
    {
        padding-bottom:0px;
    }
    
    .main-content, .footer-content
    {
        background-color: #fff;
    }
	
	.radius-17px {
		border-radius: 17px;
	}
	
	.tile {
		padding:10px;
	}
	
	.border-1px-033b70 {
		border:1px solid #033b70;
	}
	
    .featured a h1.feature1
    {
        background-image: url(/assets/img/feature-1-sm.png);
        background-repeat: no-repeat;
        min-height: 60px;
        color: white;
        margin-left:-13px;
        padding: 15px 425px 25px 15px;
        font-size: 2em;
        text-decoration: none;
        /*font-family: serif; */
		font-family: Arial;
    }

    .featured a h1.feature1:hover
    {
        background-image: url(/assets/img/feature-hover-sm.png);
        text-decoration: none;
        color: #367026;
    }

    .featured a h1.feature2
    {
        background-image: url(/assets/img/feature-2-sm.png);
        background-repeat: no-repeat;
        min-height: 60px;
        color: white;
        margin-left:-13px;
        padding: 15px 425px 25px 15px;
        font-size: 2em;
        text-decoration: none;
        /*font-family: serif; */
		font-family: Arial;
    }

    .featured a h1.feature2:hover
    {
        background-image: url(/assets/img/feature-hover-sm.png);
        text-decoration: none;
        color: #007fff;
    }

    .featured a h1.feature3
    {
        background-image: url(/assets/img/feature-3-sm.png);
        background-repeat: no-repeat;
        min-height: 60px;
        color: white;
        margin-left:-13px;
        padding: 15px 425px 25px 15px;
        font-size: 2em;
        text-decoration: none;
    }

    .featured a h1.feature3:hover
    {
        background-image: url(/assets/img/feature-hover-sm.png);
        text-decoration: none;
        color:  #b84409;
    }
    
    .child-content, .no-col, .mobile-background
    {
		background-color: #ffffff;
		/* background-color: transparent; */
        padding-bottom:15px;
		/* background-image: url(/assets/img/main-background-secondary.png); */
        background-repeat: repeat-y;
        background-position: -2px;
    }
	
    .margin-left-xs
    {
        margin-left:13px;
    }
    
    img.feature, img.feature, img.feature
    {
        margin-left:-12px;
    }
    
    .featured
    {
        margin-left: -1px;
    }
    
    .featured-area p
    {
        padding: 5px 5px 5px 20px;
    }
    
    .featured-area ul
    {
        padding-left:35px;
    }
    
    .title
    {
        padding-left: 10px;
    }
    
    .info a
    {
        padding-left: 15px;
    }
    
    .sub-info
    {
        padding-left: 20px;
    }
    
    .tab-content
    {
        border-style: none;
        box-shadow: none;
        padding-left: 10px;
    }
    
     .child-container
    {
        margin: 0px; 
    }
    
    a.child-mobile-heading
    {
        /* background-image: url(/assets/img/side-nav-child.png); */
        background-repeat: no-repeat;
        display: block;
        color: #fff;
        margin-left: -18px;
        width: 95%;
        min-height: 75px;
    }
    
    a.child-mobile-heading:hover
    {
        text-decoration: none;
    }
    
    a.child-mobile-heading h1
    {
        padding: 25px 20px 5px 19px;
        /*font-family: serif; */
		font-family: Arial;
        font-size: 1.90em;
        width: 292px;
    }
    
    footer
    {
        background-image: url(/assets/img/footer-background.png);
        background-repeat: repeat-x;
        padding-top:20px;
        margin: 0px 0px 10px 0px;
    }
    
    .footer-content
    {
		background-color: #ffffff;
		/* background-color: transparent; */
		padding-bottom: 15px;
		/* background-image: url(/assets/img/footer-background.png);
		background-repeat: repeat-x; */
    }

    .transit-content1
    {
		background-color: transparent;
		padding-bottom:15px;
		/* background-image: url(/assets/img/public/transit/transit-background-first.png); */
		background-repeat: repeat-y;
		background-position: -15px;
    }
	.transit-border1 
	{
	border-bottom:#1b4e77 4px solid !important;
	margin-left:-15px;
	}
	.transit-border2 
	{
	border-bottom:#959393 4px ridge !important;
	margin-left:-15px;
	}
    .transit-content2
    {
        background-color: transparent;
        padding-bottom:15px;
        /* background-image: url(/assets/img/public/transit/transit-background-second.png); */
        background-repeat: repeat-y;
        background-position: -15px;
    }
	.headerlinks li
	{
		font-size:14px;
		padding:0 15px;
	}
	.subheaderlinks li
	{
		font-size:12px;
		padding:0 10px;
	}
	.project-websites-border {
		margin-left: -15px;
	}
	.mobile-negative-left-margin {
		margin-left: -15px;
	}
	.bookmark {
		padding-top: 100px;
		margin-top: -100px;	
	}
	
	#topOfPage {
		padding-top: 100px;
		margin-top: -100px;	
	}
	
	.mobile-message-home {
		background-color: #02203B;  /* background-color: #033b70; */
		color: white;
		padding: 5px 5px 2px 5px;
		margin-left: -20px;
		margin-right: -15px;
		margin-top: -10px;
	}
	
	a.mobile-message-home:hover {
		color: white;
		text-decoration: underline;	
	}
	
	.mobile-message-sub {
		background-color: #02203B;
		color: white;
		padding: 10px 5px 10px 5px;
		margin-left: -20px;
		margin-right: -15px;
		margin-top: -10px;
	}
	
	li > a.mobile-message-sub {
		padding-bottom: 0px;	
	}
	
	a.mobile-message-sub:hover {
		color: white;
		text-decoration: underline;	
	}
	
}