/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	img.shirnk {
    float: left;
    margin-bottom: 20px;
    margin-right: 150px;
    text-align: center;
    padding-left: 126px;
}

h2.large-cta-red, h2.large-cta-red a {
	font-size: 29px!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
}
h2.large-cta-grey {
	font-size: 43px;
}
.CTA p {
    font-size: 25px;
    line-height: 32px;
}
h2.bigred {
	font-size: 44px;
}
.topBar a{
	float:none!important;
	text-align:center;
}

.topBar h1{
	border-left:0px solid #9D9D9D;
	border-top:1px solid #9D9D9D;
	border-bottom:1px solid #9D9D9D;
	margin:20px 0 20px 0;
	padding:20px 0 20px 0;
	text-align:center;
	float:none;
	font-size: 40px;
    line-height: 45px;
}

.logo{
	text-align:center;
}

.topBar h2, .topBar h3{
	text-align:center;
	margin:0px;
    font-size: 23px;
}
h3.phone_number a {
	font-size: 41px;
}
#lcolFormHead {
	margin:10px 0 0 0;
}

#heroImage{
	height: 100%;
	background:#000;
	margin-bottom: 17px;
	background:url(../images/legal-claims-center-header-bg.jpg) no-repeat center top #000;
}

#heroImage .main_head {
    margin-top: 24px;
    font-weight: bolder;
    font-size: 40px;
    color: #FFFFFF;
	    font-family: helvetica!important;
}
#heroImage .main_head_two {
	margin-bottom: 25px;
	margin-top: 13px;
    font-weight: bolder;
    font-size: 40px;
	    line-height: 40px;
    color: #FFFFFF;
    font-family: helvetica;
}


p.header_two_top {
	line-height: 30px;
	font-size: 27px;
	text-align: center;
}
p.header_two_bottom {
	font-size: 22px;
	text-align: center;
}
.wFormContainer {
	    margin-bottom: 20px!important;
}
h2.green {
    font-size: 50px;
    line-height: 45px;
    padding-top: 20px;
}
h3.orange a, h3.orange {
        font-size: 32px;
    padding-bottom: 20px;
}
.twelve.columns.blackbg p {
    font-size: 26px;
    line-height: 29px;
    padding-left: 15px;
    padding-right: 15px;
}

}




/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */


}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
/* Styles */
#heroImage .main_head {
	
}
.wFormContainer {
	margin-left: -12px!important;
	    margin-bottom: 30px!important;
}
#lcolFormHead img {
    width: 305px;
}
p.header_two_bottom {
    font-size: 18px;
}
h2.green {
    font-size: 36px;
    line-height: 34px;
}
.twelve.columns.blackbg p {
    font-size: 19px;
    line-height: 21px;
}
h3.orange a, h3.orange {
    font-size: 26px;
    padding-bottom: 20px;
}
h2 {
    font-size: 30px;
}
.column, .columns {
    float: none;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

.topBar h1 {
	float: none;
}
.row .six.columns {
    width: 49.8%;
}
.topBar img {
    padding-right: 15px;
}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */


}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.row .twelve.columns {
    width: 79%;
    padding-left: 30px;
}
h1.logo-text {
    width: 261px;
     text-align: left !important;
}
.topBar h1 {
    margin: 0 0 0 0px;
    padding: 0 0 0 0;
    border-left: none;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 359px) {
	img.shirnk {
    float: left;
    margin-bottom: 20px;
    margin-right: 150px;
    text-align: center;
    padding-left: 105px;
}
}