Como Colocar esses Dois Background's em Responsivo ?

Eu quero saber como Deixar esses dois background's responsivos! Por favor alguém pode me ajuda, eu agradeço desde Já.
Segui o Codigo HTML..

<div class="content" id="Redes__Sociais">
<h2><center>Redes Sociais</center></h2>
</div>
<div class="content" id="Avisos">
<h2><center>Aviso's</center></h2>
<h3><dd>O Site está em processo de construção!<p>
<dd>Estamos trabalhando para cuidar de todos os detalhes para que nossos ouvintes tenham uma boa<br>
interatividade na nossa Web Radio, Em breve nossa Radio vai está no ar, até lá pedimos que espere<br>
pela atualização. Para saber de novas informações basta seguir agente nas Redes Sociais ao Lado.</h3>
<img src="imagens/em construção.gif" class="img-responsivee">
</div>

E esse é o SCSS:

#Avisos{
		background: #CCCCCC;
		border-radius: 9px;
		float: center;
		min-height: 300px;
		width: 850px;
		margin-left: 40px;
	}
	h2{
		font-family: 'Oxygen';
		font-size: 24px;
		color: #464646;
		float: center;
	}
	h3{
		margin-top: 35px;
		font-family: 'Oxygen';
		font-size: 16px;
		color: #464646;
	}
	img.img-responsivee{
		height: 100px;
		width: 100px;
		margin-left: 370px;
	}
	#Redes__Sociais{
		background: #CCCCCC;
		float: right;
		width: 310px;
		border-radius: 9px;
		min-height: 300px;
		margin-right: 40px;
	}
	div .Area_de_Parceiros{
		margin-top: 30px;
	}