Tenho este código porem queria q as divs ficassem uma em baixo da outra porem elas ficam com um espaço que ja tentei retirar de varias formas, mas nada acontece.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link href='https://fonts.googleapis.com/css?family=Fira Sans' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
.fa {
padding: 15px;
font-size: 25px;
width: 25px;
text-align: center;
text-decoration: none;
border-radius: 50%;
margin: 5px;
}
.fa:hover {
opacity: 0.7;
}
.fa-facebook {
background: #3B5998;
color: white;
}
.fa-twitter {
background: #55ACEE;
color: white;
}
.fa-instagram {
background: #125688;
color: white;
}
.center-me {
margin: 0 auto;
}
body {
background-color: #706f6f;
font-family: 'Fira Sans';
max-width: 600px;
}
#logo{
background-color: #ffffff;
height: 125px;
display: grid;
}
#logo img{
width: 200px;
margin: auto;
}
.texto{
}
#baixo{
color: #706f6f;
background-color: #cbcaca;
}
#iconesocial{
text-align: center;
}
</style>
</head>
<body class="center-me">
<div id="logo">
<img src="http://doupenglish.com.br/mailmarketing/footer/images/logodoup.png">
</div>
<div id="baixo">
<div class="texto">
<p>Por favor, não responda este e-mail, Se deseja entrar em contato conosco,<a href="http://doupenglish.com.br/contato">clique aqui</a>.</p>
</div>
<div id="iconesocial">
<a href="http://facebook.com/douppraiadacosta/" class="fa fa-facebook"></a>
<a href="http://twitter.com/douppcosta" class="fa fa-twitter"></a>
<a href="http://https//www.instagram.com/douppraiadacosta/" class="fa fa-instagram"></a>
</div>
<div class="texto">
<p>Copyright 2018 DoUp English inc. All rights reserved. DoUp English é uma marca registrada.</p>
</div>
</div>
</body>
</html>