Эксперементируем с responsive design на Livestreet

Может кому то пригодится или кто то хочет попробовать, название говорит само за себя.

В каждый тег
@media (max-width: XXXpx) { }
можем вставить тег стилей которые мы хотим уменьшит, увеличить, изменит.

             /** Эксперементируем с responsive design all %) **/
             
             
             /* Для мониторов больше 1300, ширина сайта будет 1200px */
             #container { width:1200px; min-width:600px;/* background: aqua; */}
             #content   { margin-right:20px; width:840px;}
            
             
             
             @media (max-width: 1300px) { 
             	#container { width:1130px; /*background: green; */}
             	#content   { margin-right:20px; width:770px;}
             }
             
             
             @media (max-width: 1200px) { 
             	#container { width:1030px; /*background: pink; */}
             	#content   { margin-right:20px; width:658px;}
             }
             
             @media (max-width: 1100px) { 
             	#container { width:950px;/*background: red;*/} 
             	#content   { margin-right:20px; width:568px;}
               
             	#header .nav.nav-main li     { font-size:26px;}	
             	#header .nav.nav-main li a   { margin-right:15px;}
             	
             
             }