#retrieve {width: 100%; clear: right;}
#content .quote {display: none;}
#emailRetrieve, #phoneRetrieve {width: 45%;}
#emailRetrieve {
    float: right;
    padding-left: 5%;
    border-left: 1px solid #D1DBE4;
    position: relative;
}
#emailRetrieve .or 
{
 font-size: 2.1em;
 position: absolute;
 color: #D1DBE4;
 top: 50%;   
 left: -12px; 
 background-color: #fff;  
    }
#phoneRetrieve{float: left;}
#retrieve h3 {font-size: 1.27em; padding-bottom: 20px;} 
#content .quoteRetrieve .dob{margin-bottom: 0}
#content .birthDay, #content .birthMonth, #content .birthYear{
	width: 22%;
	display: inline-block;
	margin-right: 4%;
}
#content .birthDay:after, #content .birthMonth:after{
	content: "/";
	position: absolute;
	left: 110%;
	top: 7px;
}
#content .birthYear{
	width: 43%;
	margin-right: 0;
	float: right;
}
#content .tertiary .button input {font-size: 1.4em;}
#content .slash p {display: none;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 500 */
@media screen and (max-width: 500px) 
{
#retrieve {width: 90%; padding: 0 5% 0 5%;}
#emailRetrieve, #phoneRetrieve {width: 100%;}
#phoneRetrieve{float: none;}
#emailRetrieve {
    float: none;
    padding-left: 0;
    border-left: none;
   border-top: 1px solid #D1DBE4;
   padding-top: 2.5em;
   margin-top: 3.5em;
}      
#emailRetrieve .or 
{
 padding: 4px;
 top: -20px;   
 left: 45%; 
    }    
}