﻿#mma{
    background: none !important;
    border-bottom: none !important;
}
#mma .wrap{
    padding: 0;
}
#mma .imageWrap{
    background-image: url(/Content/images/progressive_insurance/sponsorships/sponsorships.jpg);
}
@media screen and (min-width: 481px){
    #mma .imageWrap{
        height: 221px;
    }
}

#body {border-top: none; margin-top: 0;}
#AutoXPrize{
    width: 100%; 
    border-bottom:solid 1px #cbd6df; 
    min-height: 14em;
    margin-bottom: 20px;
    padding-top:20px;
    clear: both;
}
#AutoXPrize .imageWrapper {
    float:left; 
    width: 150px; 
    padding-right: 20px;
}
#ProgressiveField
{
    width: 100%; 
    margin-bottom: 20px;
    clear: both;
}
#ProgressiveField .imageWrapper
{
    float:left; 
    width: 150px; 
    padding-right: 20px;
}
@media screen and (max-width: 750px)/*--------------------------------Max width: 750px-------------------------------------Max width: 750px------------------------------------------Max width: 750px------------*/ 
{
.crop{
	float:left;
	overflow:hidden; /* this is important */
	}
	/* input values to crop the image: top, right, bottom, left */
.crop img
{
    min-height: 120px;
    min-width: 900px;
	margin: 0 0 0 -25%;
	}

}
@media screen and (max-width: 670px)/*--------------------------------Max width: 670px-------------------------------------Max width: 670px------------------------------------------Max width: 670px------------*/ 
{
.crop img
{
    min-height: 90px;
    min-width: 850px;
    margin: 0 0 0 -29%;
	}

}
@media screen and (max-width: 515px)/*--------------------------------Max width: 515px-------------------------------------Max width: 515px------------------------------------------Max width: 670px------------*/ 
{
.crop img
{
    min-height: 65px;
    min-width: 620px;
    margin: 0 0 0 -28%;
	}

}
@media screen and (max-width: 481px)/*--------------------------------Max width: 481px-------------------------------------Max width: 481px------------------------------------------Max width: 481px------------*/ 
{
#mma {margin-top: 0;}
article#contentContainer, #contentContainer {
margin-top: 3em;
}
}
@media screen and (max-width: 400px)/*--------------------------------Max width: 400px-------------------------------------Max width: 400px------------------------------------------Max width: 400px------------*/ 
{
.crop img
{
    min-height: 45px;
    min-width: 520px;
    margin: 0 0 0 -35%;
	}

#AutoXPrize .imageWrapper
{
  min-height: 26em;
  width: 120px; 
}
#ProgressiveField .imageWrapper
{
  min-height: 12em;
  width: 120px; 
}
}