header{
  /*Novamente definimos a largura da div*/
  width:100%;
  /* altura da div */
  height:13%;

  }
  
#conteudo{
  /*Novamente definimos a largura da div*/
  width:100%;
  /* altura da div */
  height:87%;
  /*background-color:#FF0;*/
  } 
  
h1{
  text-align: center;
  font-size: 30px;
  color: #6f6b6b;
  font-family: 'Montserrat';
  text-shadow: 0.05em 0.07em 0.08em #eee;
}

	


#videos img{
	max-width:5%;
	height:auto;
	
}
 	

  
#videos{
  /*Novamente definimos a largura da div*/
  width:40%;
  /* altura da div */
  height:100%;
  /* O atributo Float é utilizado para fazermos o nosso bloco(div) 
  literalmente flutue e se posicione onde queremos na página, 
  quando escolhemos left, dizemos que esse bloco irá se posicionar na 
  parte esquerda da página */
  float:left;
  /*background-color:#0FF;*/
  }
  
p{  
  /*background-color:#FF0;*/
  margin-left: 30%;
}
  
  
#wallpappers{
  /*Novamente definimos a largura da div*/
  width:60%;
  /* altura da div */
  height:100%;
  /* Pode parecer meio estranho usarmos o mesmo atributo left para o bloco 
  em que queremos posicionar na direita, mas como sabemos, o CSS é um estilo 
  em cascata, nossa div conteúdo definimos a largura de 1000px e na 
  conteudo-left 500px, automaticamente ao definirmos o conteudo-right 
  com 500px e à esquerda também, ele ficou à direita do conteudo-left, 
  pois o máximo que a div filha poderá ter é 1000px, sendo 500+500=1000px */
  float:left;
  /*background-color:#FF0;*/
  display:table
  }
  
#smartphone{
  /*Novamente definimos a largura da div*/
  width:50%;
  /* altura da div */
  height:100%;
  /* Pode parecer meio estranho usarmos o mesmo atributo left para o bloco 
  em que queremos posicionar na direita, mas como sabemos, o CSS é um estilo 
  em cascata, nossa div conteúdo definimos a largura de 1000px e na 
  conteudo-left 500px, automaticamente ao definirmos o conteudo-right 
  com 500px e à esquerda também, ele ficou à direita do conteudo-left, 
  pois o máximo que a div filha poderá ter é 1000px, sendo 500+500=1000px */
  float:left;
  /*background-color:#FF0;*/
  /**background-color:#0FF;*/
  Border: solid 1px gray;
  }
  
#desktop{
  /*Novamente definimos a largura da div*/
  width:50%;
  /* altura da div */
  height:100%;
  /* Pode parecer meio estranho usarmos o mesmo atributo left para o bloco 
  em que queremos posicionar na direita, mas como sabemos, o CSS é um estilo 
  em cascata, nossa div conteúdo definimos a largura de 1000px e na 
  conteudo-left 500px, automaticamente ao definirmos o conteudo-right 
  com 500px e à esquerda também, ele ficou à direita do conteudo-left, 
  pois o máximo que a div filha poderá ter é 1000px, sendo 500+500=1000px */
  float:left;
  /*background-color:#FF0;*/
  Border: solid 1px gray;
  }

	
  
  footer{
  /*Novamente definimos a largura da div*/
  width:100%;
  /* altura da div */
  height:100px;
}