a.button3 {
 display:inline-block;
 padding:0.3em 1.2em;
 margin:0 0.3em 0.3em 0;
 border-radius:2em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 background-color:#4eb5f1;
 text-align:center;
 transition: all 0.2s;
}
a.button3:hover {
 background-color:#4095c6;
}
@media all and (max-width:30em) {
 a.button3 {
  display:block;
  margin:0.2em auto;
 }
}


a img {  
border: none;
}

a:link {
color: red;
text-decoration: none;
}
a:visited {
color: red;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: underline;
}
a:active {
color: red;
text-decoration: none;
}

#speaker p
{
    /*Text Left indeed. Should be in % only to display correctly on different screen size*/
    margin-left:7.9%;
    /*Text Rigth indeed. Should be in % only*/
    margin-right:8%;
    
    font-family:helvetica, arial;
}

body
{
    max-width:640px;
}