body{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  /*background-color: rgb(98, 240, 240); Nota: com esta opão as margens do footer ficam curtas, não foi possivel corrigir com padding sendo que escolhi dar cor as divs header, main_1 e main_2 mas com questão da resolução não sei se funciona correctamente porque aparentemente as divs ficam todas ajustadas mas com beiras em branco a toda volta da pagina*/
  color: white;
  margin: 0px;
  max-width: 1280px;
  width: 100%;
}

#header, #main_1, #main_2{background-color: rgb(98, 240, 240);}

#header, #main_1, #main_2, #footer{width: 1410px;}

#header{height: 200px;}

#main_1{height: 336px;}

#main_2{height: 210px;}

#footer{height: 101px;}

.sol_size{
  height: 180px;
  width: 180px;
}

.nuvem_size, .sonic_gif_1_size, .sonic_gif_2_size{
  height: 65px;
  width: 120px;
  margin-right: 300px;
}

.arvore_size_xsmall, .arvore_size_small, .arvore_size_medium, .arvore_size_medium_big, .arvore_size_big{
  margin: 0px 6px;
  margin-top: -17px;
}

.arvore_size_xsmall{
  height: 120px;
  width: 90px;
}

.arvore_size_small{
  height: 140px;
  width: 100px;
}

.arvore_size_medium{
  height: 190px;
  width: 140px;
}

.arvore_size_medium_big{
  height: 215px;
  width: 170px;
}

.arvore_size_big{
  height: 240px;
  width: 190px;
}

#footer{
  background-color: rgb(104, 4, 4);
  padding-top: 1px;
}

.sonic_gif_3_size{
  height: 40px;
  width: 30px;
}

#footer_name_data{
  /*padding-top: 45px;*/
  margin: 10px;
}

#audio{
  text-align: right;
  margin-top: -17px;
}

.audio{
  width: 200px;
  height: 15px;
}