.aboutDTE {
    background-color: #cce6ff;
    color: #f2f2f4;
    text-align: center;
    margin-top: 20px;    
    padding-bottom: 20px;
  }

  .aboutDTE h3 {    
    text-align: center;
    border-top: 1px solid #f2f2f4;
    padding-top: 25px;
    padding-bottom: 0;
    margin-bottom: 0;    
  }
  .DTEmain-header {
    background-color: #355997;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 5px;
    position: relative;
  }
  .DTEmain-header .page-title {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 100%;
    font-size: 2em;
    display: inline-block;
    padding-top: 2px;
  }
#mainContent_1col .large-3 {
width: 32.8%;
float: left;
cursor: pointer;
background-color: #f2f2f2;
  border: 1px solid #d8d8d8;    
}
#mainContent_1col .large-3 p
{
    font-size: 1.25em;
    color: #f2f2f2;
}


#mainContent_1col .large-3:hover {
background-color: #f2f2f2;
}


#mainContent_1col .large-2 {
width: 49%;
float: left;
cursor: pointer;
background-color: #f2f2f2;
box-shadow: 2px 2px 2px #ccc;
margin: 3px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}


#mainContent_1col .large-2:hover {
background-color: #e8e8e8;
}


#mainContent_1col .large-2 p
{
    font-size: 1.25em;
}
#mainContent_1col #content {
    padding:10px;
	padding-bottom:50px;  
	max-width:1600px;
	margin:auto;
	min-height:640px;
}
#mainContent_1col .padded-image
{
	margin:10px;
	border-radius:20px;
	height:200px;
}

#mainContent_1col .bikeways{
  background-image: url('/dot-dte/Resources/Images/Index/Bike.jpg');
    background-repeat:no-repeat;
    background-size: 240px 160px;
	background-position: center center; 
    height:180px;
}
#mainContent_1col .bridges
{
    background-image: url('/dot-dte/Resources/Images/Index/Bridge.png');
	background-repeat:no-repeat;
	background-size: 240px 160px;
	background-position: center center; 
    height:180px;
}
#mainContent_1col .sidewalks
{
    background-image: url('/dot-dte/Resources/Images/Index/Sidewalk.jpg');
	background-repeat:no-repeat;
	background-size: 240px 160px;
	background-position: center center; 
    height:180px;
}
#mainContent_1col.roads
{
    background-image: url('/dot-dte/Resources/Images/Index/Roads.gif');
    background-repeat:no-repeat;
    background-size: 180px 177px;  
	background-position: center center; 
    height:180px;
}
#mainContent_1col  .whatarewebuilding
{
    background-image: url('/dot-dte/Resources/Images/Index/WhatAreWeBuilding.gif');
    background-repeat:no-repeat;
	background-size: 240px 160px;
	background-position: center center; 
    height:180px;
}
#mainContent_1col .pas
{
    background-image: url('/dot-dte/Resources/Images/Index/PAS.png');
    background-repeat:no-repeat;
    background-size: 173px 170px;   
    background-position: center center; 
    height:180px;
}

#mcgmaincontent .large-3 {
width: 32.8%;
float: left;
cursor: pointer;
background-color: #f2f2f2;
  border: 1px solid #d8d8d8;  
  }
  #mcgmaincontent .large-3 p{
    font-size: 1.25em;
  }
  #mcgmaincontent .large-3:hover {
    background-color: #e8e8e8;
  }
 #mcgmaincontent h3 {
    font-size: 1.5em;
    line-height: 1;
    font-weight: 900;
    margin-bottom: 10px;
    text-align: center;
    color: #333;  
    
  }
  #mcgmaincontent .bikeways
{
    background-image: url('/dot-dte/Resources/Images/Index/Bike.jpg');
    background-repeat:no-repeat;
	background-size: 240px 160px;
	background-position: center center; 
    height:180px;
}
#mcgmaincontent .bridges
{
	background-image: url('/dot-dte/Resources/Images/Index/Bridge.png');
	background-repeat:no-repeat;
	background-size: 240px 160px;
	background-position: center center; 
    height:180px;
}
#mcgmaincontent .sidewalks
{
	background-image: url('/dot-dte/Resources/Images/Index/Sidewalk.jpg');
	background-repeat:no-repeat;
	background-size: 240px 160px;
	background-position: center center; 
    height:180px;
}
#mcgmaincontent .roads
{
    background-image: url('/dot-dte/Resources/Images/Index/Roads.gif');
	background-repeat:no-repeat;
	background-size: 180px 177px;  
	background-position: center center; 
    height:180px;
}
#mcgmaincontent .whatarewebuilding
{
    background-image: url('/dot-dte/Resources/Images/Index/WhatAreWeBuilding.gif');
	background-repeat:no-repeat;
	background-size: 240px 160px;
	background-position: center center; 
    height:180px;
}
#mcgmaincontent .standards
{
    background-image: url('/dot-dte/Resources/Images/Index/Standards.png');
    background-repeat:no-repeat;
	background-size: 240px 160px;
	background-position: center center; 
    height:180px;
}
#mcgmaincontent .pas
{
    background-image: url('/dot-dte/Resources/Images/Index/PAS.png');
    background-repeat:no-repeat;
    background-size: 173px 170px;   
	background-position: center center; 
    height:180px;
}
  @media screen and (max-width: 1200px) {
    #mcgmaincontent .large-3 {
      width:49.2%    }
  }
  @media screen and (max-width: 600px) {
    
    #mcgmaincontent .large-3 {
        width:99.2%
    }
  }
    @media screen and (max-width: 800px) {
    #mcgmaincontent .large-3 {
      width:49.2%    }
  }
  
@media screen and (max-width: 480px) {
        #mcgmaincontent .large-3 {
        width:99.2%
    }
}