Начать с планов 2016 года))
По адаптации, проще будет новый готовый взять, однако тут проблема в том, что вы можете поменять этим структуру и ПС может это не понравится, поэтому просто изучаем. А так для новичков хороший материал есть здесь: _https://siteclinic.ru/blog/technical-aspects/3-sposoba-bystro-adaptirovat-sayt/ (не реклама, и не мой сайт).

226102, ну если хочется сохранить текущий дизайн, то тут два варианта - или найти недорогого фрилансера, который все сделает быстро и может быть даже хорошо, или повозиться самому, что займет больше времени, и не факт, что сразу получится учесть каждую мелочь.
Но тем не менее это даст полезный опыт, поэтому попробовать стоит.
Начать можно со следующего:
поубирать у селекторов body и #wrapper свойство min-width, посмотреть как теперь сайт ведет себя при разной ширине;
начиная с какой-то выбранной ширины (например 700px) переходить к расположению колонок не рядом, а друг под другом, то есть все в одну колонку. Для этого прописать @media (max-width: 700px){#left-column{float:none; margin-left:0;width:100%} #main-content{margin-left:0;}}
затем смотреть, что получилось, дорабатывать недочеты, делать адаптивное меню, выбирать какие блоки на узком экране не показывать. В принципе это все.

Браться изучать бутстрап вряд ли стоит, ради одного проекта проще сделать самому или взять готовый шаблон. Бутстрап скорее полезен для тех, кто верстает много сайтов.