Edit in JSFiddle

<header id="header">
  <div class="container">
    <h1>nomedominio.estensione</h1>
    <p><strong>Brevisisma descrizione dell'attività</strong></p>
    <p><a href="tel:+391112223345" title="Telefonaci">+39 112233456</a>    
    </p>
  </div>
</header>
<section id="shortDescription">
  <div class="container">
    <div class="short">
      <h2>AFFIDABILI</h2>
      <p>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
    </div>
    <div class="short">
      <h2>CORTESI</h2>
      <p>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e... con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
    </div>
    <div class="short">
      <h2>VELOCI</h2>
      <p>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
    </div>
  </div>
</section>
<section id="callToAction">
  <div class="container">
    <h2>TELEFONACI ADESSO</h2>
    <p><a href="tel: +39112233456>" title="Telefonaci">+39 112233456</a></p>
  </div>
</section>
<section id="detail">
  <div class="container">
    <h2>IL COMMERCIALISTA ROSSI</h2>
      <p>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.<br>
Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</p>
  </div>
</section>
<section id="contact">
  <div class="container">
    <h2>CONTATTI</h2>
    <p>
    nomedominio.estensione<br>
    via Roma, 1 - 10100 Milano (MI)<br>
    IVA: 09903457845<br>
    TEL: +39 2423423423<br>
    FAX: +39 1323131321<br>
    EMAIL: email@email.it
    </p>
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2798.278485737685!2d9.191621315809957!3d45.46419374146448!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4786c6af0d5873f1%3A0xfc916b068c10f3c4!2sVia+Roma%2C+1%2C+20100+Milano+MI!5e0!3m2!1sit!2sit!4v1531064831240" height="450" frameborder="0" style="border:0; width: 100%; border: solid 5px #96cbef;" allowfullscreen></iframe>
  </div>
</section>
body, html {
  margin: 0;
  padding: 0;
}
.container {
  width: 90%;
  max-width: 1366px;
  margin: 0 auto;
  padding: 5% 5% 0 5%;
}
#header {
  height: 90vh;
  background: url("https://www.urbannetwork.co.uk/wp-content/uploads/2015/01/Business-Continuity-Office-Background-White.jpg") no-repeat center;
  background-size: cover;
}
#header h1 {
  margin: 0;
  padding-top: 26vh;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
}
#header p {
  font-size: 16px;
  text-align: center;
}
#header p a {
  text-decoration: none;
  padding: 10px;
  background-color: orange;
  border-radius: 5px;
  border: solid 2px #777;
}
#header p a:hover {
    background-color: transparent;
}
#shortDescription {
  background-color: #96cbef;
  border-top: dotted 3px #444;
  padding-bottom: 20px;
}
#shortDescription div.short {
  display: inline-block;
  width: 30%;
  margin-left: 2%;
  vertical-align: text-top;
}
#callToAction {
  background-color: #0098ff;
  height: 100%;
  padding-bottom: 5%;
}
#callToAction h2 {
  color: white;
  text-align: center;
  margin-top: 0;
}
#callToAction p {
  margin-bottom: 0;
  text-align: center;
}
#callToAction p a {
  text-decoration: none;
  padding: 10px;
  background-color: orange;
  border-radius: 5px;
  border: solid 2px #777;
}
#detail {
    background: url("https://i2.wp.com/smartconnectresearch.com/wp-content/uploads/2017/05/At-the-Office-Mac-Apple-Wallpapers-Creative-Planning-Mac-Background.jpeg") no-repeat fixed;
  background-size: cover;
  color: white;
}
#detail div.container {
  background-color: rgba(0,0,0,0.8);
  padding-bottom: 25px;  
}
#detail h2 {
  margin-top: 0;
  text-align: center;
}
#contact {
  padding-bottom: 50px;
}
#contact h2 {
  text-align: center;
}
#contact p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #shortDescription div.short {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  #shortDescription div.short h2 {
    margin-bottom: 0;
  }
  #shortDescription div.short p {
    text-align: justify;
    margin-top: 0;
  }
}