Probleme d'adaptation de mon site aux ecrans de mes visiteurs

Salut tout le monde , j ' ai un gros souci actuellement , je n 'arrive pas adapter mon site aux ecrans de mes visiteurs . sur mon ordinateur portable le site s'affiche normalement par contre ce n'est pas le cas sur mon ordinateur de bureau et plein d'autres pc .
je vous prie de me venir en aide . merci d'avance .
pour faciliter les choses voici l'adresse de mon site https://www.000webhost.com/migrate?static=true .
vous pouvez faire un clic droit sur la page d'accueil du site pour voir le code source .
voici egalement mon fichier.css


#fond
{width:870px;
height:850px;
background-color:white;
border-radius:50px;
margin-left:230px;}


#bienvenue
{text-transform:uppercase;
font-family:Virtual dj;
font-size:20px;}


#laplateforme
{font-family:stencil std;
font-size:25px;}


#monmenu
{border-style:inset;background-color:orange;
font-size:25px;font-weight:bolder;
}
a :hover
{color:white;}



#clien
{color:#6e06b1;}


#fond2telechargements
{width:870px;
height:1800px;
background-color:#274e1b;
border-radius:50px;
margin-left:230px;}



.pmarge
{margin-right:30px;}


#fond3photos
{width:870px;
height:4300px;
background-color:chocolate;
border-radius:50px;
margin-left:230px;}



#conseilt
{background-color:black;
text-align:center;
color:white;font-size:20px;}



#conseilec
{background-color:#32beb6;
text-align:center;
color:white;font-size:20px;}





#lestofs{font-family:stencil std;
font-size:25px;}





#fond4videos{width:870px;
height:3000px;
background-color:grey;
border-radius:50px;
margin-left:230px;}





#fond5humours
{width:870px;
height:4100px;
background-color:#e751ec;
border-radius:50px;
margin-left:230px;}