Style mail - skal også kunne vises på mobil Tlf

Hej.

Hvordan tilpasser jeg mit script således at det også vises korrekt på en mobil tlf.

Min mail ser sådan ud.

mail("".$getter1['email']."", "Nyt indlæg i Intern Info", "
<style>
.main_title             {
    font-size:18px;
    font-family:Verdana, Geneva, sans-serif;
    color:#5F5858;
}
                       
.main_sub_title         {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    color:#333;
}
.main_sub_title_org         {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    color:#e18f00;
}

.main_tekst             {
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#666;
}
.main_tekst_org             {
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#e18f00;
}

a:link { color: #e77301; text-decoration: underline;}

a:active { color:#e77301; text-decoration: underline:}

a:visited { color:#e77301; text-decoration: underline;}

a:hover  { color: #000000; text-decoration: none;}

</style>
<div><span class='main_title'>DGI Sydvest Gymnastik<br /></span></div>
<div><span class='main_sub_title_org'>Mail fra Intern Info<br /></span></div>
<div><span class='main_sub_title'>$_POST[titel] skrevet af $mail_ud d. $date <br /><br /></span></div>
<div><span class='main_tekst'>".nl2br($_POST['tekst'])."</span></div>

", "From:DGI Sydvest Gymnastik - {$_SESSION['hold']} <steffenbloch@dgisydvestgymnastik.dk>\nReply-to: info@dgisydvestgymnastik.dk\nContent-type: text/html; charset=iso-8859-1");
}}

Når jeg så ser mail'en fra mobil tlf så vises F.eks

<div><span class='main_sub_title_org'>

og dette er jo ikke meningen. Når jeg ser den mail på computeren ser det fint ud.

Hvad kan der være galt?