diff --git a/labs/lab-02/img/drinks/berry-juice.jpg b/labs/lab-02/img/drinks/berry-juice.jpg
new file mode 100644
index 0000000..fd427c1
Binary files /dev/null and b/labs/lab-02/img/drinks/berry-juice.jpg differ
diff --git a/labs/lab-02/img/drinks/ginger-lemonade.jpg b/labs/lab-02/img/drinks/ginger-lemonade.jpg
new file mode 100644
index 0000000..a829370
Binary files /dev/null and b/labs/lab-02/img/drinks/ginger-lemonade.jpg differ
diff --git a/labs/lab-02/img/drinks/mango-smoothie.jpg b/labs/lab-02/img/drinks/mango-smoothie.jpg
new file mode 100644
index 0000000..3d88b63
Binary files /dev/null and b/labs/lab-02/img/drinks/mango-smoothie.jpg differ
diff --git a/labs/lab-02/img/drinks/orange-juice.jpg b/labs/lab-02/img/drinks/orange-juice.jpg
new file mode 100644
index 0000000..c26c39e
Binary files /dev/null and b/labs/lab-02/img/drinks/orange-juice.jpg differ
diff --git a/labs/lab-02/img/drinks/spinach-smoothie.jpg b/labs/lab-02/img/drinks/spinach-smoothie.jpg
new file mode 100644
index 0000000..77daa21
Binary files /dev/null and b/labs/lab-02/img/drinks/spinach-smoothie.jpg differ
diff --git a/labs/lab-02/img/drinks/water.jpg b/labs/lab-02/img/drinks/water.jpg
new file mode 100644
index 0000000..b8fa32e
Binary files /dev/null and b/labs/lab-02/img/drinks/water.jpg differ
diff --git a/labs/lab-02/img/main-dishes/beef-salad.jpg b/labs/lab-02/img/main-dishes/beef-salad.jpg
new file mode 100644
index 0000000..cb315dd
Binary files /dev/null and b/labs/lab-02/img/main-dishes/beef-salad.jpg differ
diff --git a/labs/lab-02/img/main-dishes/grilled-chicken-vegetables.jpg b/labs/lab-02/img/main-dishes/grilled-chicken-vegetables.jpg
new file mode 100644
index 0000000..8335a13
Binary files /dev/null and b/labs/lab-02/img/main-dishes/grilled-chicken-vegetables.jpg differ
diff --git a/labs/lab-02/img/main-dishes/salmon-quinoa-avocado.jpg b/labs/lab-02/img/main-dishes/salmon-quinoa-avocado.jpg
new file mode 100644
index 0000000..a912374
Binary files /dev/null and b/labs/lab-02/img/main-dishes/salmon-quinoa-avocado.jpg differ
diff --git a/labs/lab-02/img/main-dishes/seafood-pasta.jpg b/labs/lab-02/img/main-dishes/seafood-pasta.jpg
new file mode 100644
index 0000000..b127a11
Binary files /dev/null and b/labs/lab-02/img/main-dishes/seafood-pasta.jpg differ
diff --git a/labs/lab-02/img/main-dishes/teriyaki-chicken-noodles.jpg b/labs/lab-02/img/main-dishes/teriyaki-chicken-noodles.jpg
new file mode 100644
index 0000000..cd6d36c
Binary files /dev/null and b/labs/lab-02/img/main-dishes/teriyaki-chicken-noodles.jpg differ
diff --git a/labs/lab-02/img/main-dishes/vegan-bowl-chickpeas.jpg b/labs/lab-02/img/main-dishes/vegan-bowl-chickpeas.jpg
new file mode 100644
index 0000000..65c00ab
Binary files /dev/null and b/labs/lab-02/img/main-dishes/vegan-bowl-chickpeas.jpg differ
diff --git a/labs/lab-02/img/main.jpg b/labs/lab-02/img/main.jpg
new file mode 100644
index 0000000..f9f6558
Binary files /dev/null and b/labs/lab-02/img/main.jpg differ
diff --git a/labs/lab-02/img/soup/beet-soup.jpg b/labs/lab-02/img/soup/beet-soup.jpg
new file mode 100644
index 0000000..ea428f4
Binary files /dev/null and b/labs/lab-02/img/soup/beet-soup.jpg differ
diff --git a/labs/lab-02/img/soup/chicken-noodle-soup.jpg b/labs/lab-02/img/soup/chicken-noodle-soup.jpg
new file mode 100644
index 0000000..aac43a8
Binary files /dev/null and b/labs/lab-02/img/soup/chicken-noodle-soup.jpg differ
diff --git a/labs/lab-02/img/soup/minestrone-soup.jpg b/labs/lab-02/img/soup/minestrone-soup.jpg
new file mode 100644
index 0000000..a5f8be8
Binary files /dev/null and b/labs/lab-02/img/soup/minestrone-soup.jpg differ
diff --git a/labs/lab-02/img/soup/mushroom-soup.jpg b/labs/lab-02/img/soup/mushroom-soup.jpg
new file mode 100644
index 0000000..44ce3f4
Binary files /dev/null and b/labs/lab-02/img/soup/mushroom-soup.jpg differ
diff --git a/labs/lab-02/img/soup/pumpkin-soup.jpg b/labs/lab-02/img/soup/pumpkin-soup.jpg
new file mode 100644
index 0000000..c4df13d
Binary files /dev/null and b/labs/lab-02/img/soup/pumpkin-soup.jpg differ
diff --git a/labs/lab-02/img/soup/tomato-soup.jpg b/labs/lab-02/img/soup/tomato-soup.jpg
new file mode 100644
index 0000000..a50d0d0
Binary files /dev/null and b/labs/lab-02/img/soup/tomato-soup.jpg differ
diff --git a/labs/lab-02/index.html b/labs/lab-02/index.html
new file mode 100644
index 0000000..bff5b85
--- /dev/null
+++ b/labs/lab-02/index.html
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+ ЭкоЛанч - Доставка здоровых бизнес-ланчей в Москве
+
+
+
+
+
+
+
+
ЭкоЛанч
+
+
+
+
+
+
О компании ЭкоЛанч
+
+
ЭкоЛанч - это современная компания по доставке здоровых бизнес-ланчей в офисы Москвы. Наша миссия - сделать правильное питание доступным для занятых людей, которые ценят свое время и здоровье.
+
Мы используем только свежие продукты от проверенных поставщиков, а наши повара готовят блюда каждое утро. Все ланчи упакованы в экологичную биоразлагаемую упаковку, потому что мы заботимся не только о вашем здоровье, но и о здоровье нашей планеты.
+
+
+
+
Наши преимущества
+
+
Быстрая доставка в течение 60 минут по всей Москве в пределах МКАД
+
Свежие блюда, приготовленные утром из качественных продуктов
+
+
+
+
+
+
+
diff --git a/labs/lab-02/other/Вопросы для подготовки к защите ЛР №2.txt b/labs/lab-02/other/Вопросы для подготовки к защите ЛР №2.txt
new file mode 100644
index 0000000..bb4b5d5
--- /dev/null
+++ b/labs/lab-02/other/Вопросы для подготовки к защите ЛР №2.txt
@@ -0,0 +1,59 @@
+Блочная модель
+1. В чем суть блочной модели?
+
+2. Как рассчитываются размеры элементов?
+
+3. Как свойство box-sizing: border-box меняет стандартную блочную модель? Почему его часто используют?
+
+4. Чем отличаются строчные элементы от блочных?
+
+5. В чем особенности блочных элементов?
+
+6. В чем особенности строчных элементов?
+
+7. Как лучше задавать размеры элементам?
+
+8. Что такое переполнение и как оно возникает?
+
+9. Что такое поток документа?
+
+10. Какие есть особенности поведения margin?
+
+11. Для чего нужно свойство display? Какие у него есть основные значения?
+
+12. Для чего нужно свойство position?
+
+13. Чем отличаются разные варианты позиционирования?
+
+14. Как работают свойства float и clear? Для чего они исторически использовались и какие есть современные альтернативы?
+
+15. Какие есть способы выровнять элемент по центру по горизонтали и по вертикали?
+
+
+
+Flexbox
+1. Что такое флекс-контейнер?
+
+2. Что такое флекс-элемент?
+
+3. Какие свойства применяются на флекс-контейнере?
+
+4. Какие свойства применяются на флекс-элементе?
+
+5. Какие оси есть у флексов и какие свойства меняют их направления?
+
+6. Как выстраиваются флекс-элементы в контейнере?
+
+7. Какие свойства и как они выравнивают флекс-элементы?
+
+8. Что делают свойства flex-grow, flex-shrink и flex-basis?
+
+9. Для чего нужны свойства display: flex, justify-content, align-items?
+
+10. Что такое медиа-запрос? Из чего он состоит?
+
+11. Как работает max-width и min-width в медиа-запросе?
+
+12. Какие есть подходы к выбору точек перехода?
+
+13. Как работает Grid Layout? В чем его ключевое отличие от Flexbox?
\ No newline at end of file
diff --git a/labs/lab-02/other/Задание - Лабораторная работа 2.md b/labs/lab-02/other/Задание - Лабораторная работа 2.md
new file mode 100644
index 0000000..82d15fd
--- /dev/null
+++ b/labs/lab-02/other/Задание - Лабораторная работа 2.md
@@ -0,0 +1,147 @@
+**Заголовок раздела (section>h2)**
+# Лабораторная работа №2. Вёрстка сеток (flexbox, grid, media-запросы)
+
+---
+Сверстайте страницу «Собрать ланч», где будет размещено меню компании. Сделайте страницу адаптивной для планшетов и мобильных устройств. Затем сделайте адаптивной главную страницу сайта.
+
+## Порядок выполнения
+Примерный макет страницы «Собрать ланч» представлен ниже.
+### HTML
+
+**Обязательные элементы**, которые должны быть на странице
+(в скобках HTML-тэг, который нужно использовать):
+- Шапка сайта с заголовком и блоком навигации (header)
+- Блок с основным содержимым страницы (main)
+ - Блок с супами (section)
+ - Заголовок (h2)
+ - Блок с блюдами (div)
+ - Блок каждого блюда (div)
+ - Изображение (img)
+ * Текст с ценой (p)
+ - Текст с названием (p)
+ - Текст с весом/объемом (p)
+ - Кнопка «Добавить» (button)
+ - Блок с главными блюдами (такое же наполнение, как у блока с супами)
+ - Блок с напитками (такое же наполнение, как у блока с супами)
+- Футер с контактными данными (footer)
+
+Подключите к текущей странице тот же Google-шрифт, который вы использовали на главной.
+Добавьте перекрестные ссылки в навигационное меню обеих страниц.
+### CSS
+
+Подключите к странице основные стили, которые вы использовали для главной страницы.
+Создайте дополнительный файл стилей для страницы «Собрать ланч».
+
+#### Блок с блюдами (section>div)
+Создайте сетку с помощью Grid:
+- Кол-во колонок: 3
+- Размер каждого столбца: 1fr
+- Отступ между элементами сетки: 10px
+
+#### Блок каждого блюда (section>div>div)
+Создайте сетку с помощью Flex:
+- Направление элементов в контейнере: вертикальное
+- Нужно предусмотреть, чтобы в случае, если название одного из блюд длиннее, чем у других (и занимает две строки, например), выравнивание кнопок «Добавить» и значения веса/объёма блюда было на одном уровне для всех элементов строки (см. пример с главными блюдами в макете).
+
+Другие стили:
+- Внутренний отступ: 30px - снизу и сверху, 40px - справа и слева
+- Радиус закругления: 35px
+- Вид курсора: pointer
+- Свойство для добавления тени filter: drop-shadow(17px 19px 24px rgba(0, 0, 0, 0.13))
+- Цвет фона: белый
+
+Поведение при наведении на блок с блюдом (hover):
+- Появление сплошной границы толщиной 2px, цвет tomato вокруг блока
+
+Также, при наведении на блок с блюдом должен изменяться цвет фона кнопки внутри блока (используйте [контекстный селектор](https://www.geeksforgeeks.org/what-is-contextual-selector-in-css/))._
+На изображении ниже представлено как должны работать стили с hover:
+#### Изображение (section>div>div>img)
+- Растягивается на всю ширину контейнера
+- Радиус закругления: 35px
+#### Цена (section>div>div>p с ценой)
+- Увеличить размер шрифта
+#### Название блюда (section>div>div>p с названием)
+- Увеличить размер шрифта
+#### Вес/объем (section>div>div>p с весом/объемом)
+- Изменить цвет текста на серый
+#### Кнопка (section>div>div>button)
+- Цвет фона #f1eee9
+- Обязательный отступ сверх
+- Внутренние отступы: 10px - снизу и сверху, 30px - справа и слева
+- Радиус закругления: 10px
+- Вид курсора: pointer
+#### Изменение существующего меню (nav)
+
+Текущее меню сверстано при помощи обычных ссылок. Чтобы было удобнее управлять сеткой меню, сделайте его флексбоксом
+
+Также, добавьте для меню следующие свойства
+- Отступ для флексов: 15px
+- Разрешите флекс-элементам переноситься на новые строки
+
+Теперь на сайте существует уже 2 страницы. Необходимо выделять активную с помощью стилей. Добавьте активной ссылке идентификатор active на обеих страницах и задайте для активной ссылки цвет текста tomato.
+
+Вот как это должно выглядеть, если текущая страница «Собрать ланч»:
+
+#### Доработка футера (footer)
+
+Доработайте оформление главной страницы и страницы «Собрать ланч» таким образом, чтобы в случае, если контент страницы не занимает всю высоту области просмотра, положение футера было внизу страницы (области просмотра).
+
+#### Адаптивность
+
+**Страница «Собрать ланч»**
+Измените стили блоков для ширины экрана ≤800px и ≤600px.
+
+|≤800px|≤600px|
+|---|---|
+|**Блок с блюдами (section>div)** Кол-во колонок: 2 **Навигационное меню (nav)** Выравнивание флекс-элементов по основной оси (англ. main axis) таким образом, чтобы между элементами было одинаковое расстояние, а между первым и последним элементами и границей флекс-контейнера не было отступа.|**Главный заголовок страницы (h1) **Выравнивание текста: по центру **Навигационное меню (nav) **Направление элементов в контейнере: вертикальное Выравнивание флекс-элементов по центру поперечной оси (англ. cross axis) Увеличить шрифт для ссылок на 4px**Заголовок раздела (section>h2)** Выравнивание текста: по центру **Блок с блюдами (section>div)** Кол-во колонок: 1|
+
+**Главная страница**
+Для главной страницы также добавим стили для ширины ≤400px, чтобы таблица помещалась на странице без горизонтальной полосы прокрутки.
+
+|≤800px|≤600px|≤400px|
+|---|---|---|
+|**Изображение в блоке «О нас»** Ширина: 500px **Навигационное меню (nav)** Выравнивание флекс-элементов по основной оси (англ. main axis) таким образом, чтобы между элементами было одинаковое расстояние, а между первым и последним элементами и границей флекс-контейнера не было отступа.|**Главный заголовок страницы (h1)** Выравнивание текста: по центру **Навигационное меню (nav)** Направление элементов в контейнере: вертикальное Выравнивание флекс-элементов по центру дополнительной/поперечной оси Увеличить шрифт для ссылок на 4px **Изображение в блоке «О нас»** Ширина: 100% **Текст таблицы** Уменьшить шрифт на 2px|**Текст таблицы** Уменьшить шрифт еще на 2px|
+
+Вы можете использовать дополнительные HTML-теги и CSS-свойства на свое усмотрение.
+
+### Требования
+
+- Все HTML-теги из задания должны быть использованы.
+- Код должен быть валиден (не должно быть ошибок в валидаторе [https://validator.w3.org](https://validator.w3.org/)).
+- Добавьте классы элементам (блок со всеми блюдами (section>div) и блок с каждым блюдом (section>div>div)).
+- К странице должен быть подключен шрифт из Google Fonts.
+- У страницы должно быть указано правильное значение viewpoint.
+- С главной страницы можно перейти на страницу «Собрать ланч» с помощью навигационного меню.
+- Со страницы «Собрать ланч» можно перейти на главную страницу с помощью навигационного меню.
+- Все CSS-свойства из задания должны быть использованы.
+- Используйте классы для стилизации элементов.
+- Цвет ссылок должен изменяться при наведении (используйте :hover).
+- Цвет активного пункта меню должен отличаться.
+- Результат должен соответствовать макетам (количество блоков, структура их наполнения).
+
+#### Цвета
+Для выделения активных ссылок в меню, ссылок и секций при наведении используется цвет tomato. Но вы можете выбрать любой другой цвет.
+Не используйте больше 1 цвета для оформления страницы (кроме белого, черного, оттенков серого).
+
+#### Контент-сайта
+
+**Текст (название компании, название блюд)**
+- Вы можете использовать текст из макета или придумать свой. Но текст обязательно должен относиться к теме сайта и быть осмысленным (нельзя использовать Lorem ipsum).
+
+**Изображения**
+- Изображения с блюдами можно скачать по [ссылке](https://lms.mospolytech.ru/pluginfile.php/1314114/mod_assign/intro/menu.zip).
+- Все изображения сгенерированы с помощью [Mage AI](https://www.mage.space/build). Вы можете сгенерировать собственные изображения (режим «Fast text to image» доступен бесплатно) или использовать другие изображения по собственному выбору.
+- Используйте бесплатные изображения, например, с сайта [Unsplash](https://unsplash.com/).
+
+### Материалы для изучения
+
+#### HTML
+[section [Doka]](https://doka.guide/html/section/) [button [Doka]](https://doka.guide/html/button/)
+#### CSS
+[Единицы измерения [Doka]](https://doka.guide/css/numeric-types/) [Селектор по идентификатору [Doka]](https://doka.guide/css/id-selector/) [What is contextual selector in CSS? [GeeksforGeeks]](https://www.geeksforgeeks.org/what-is-contextual-selector-in-css/) [border-radius [Doka]](https://doka.guide/css/border-radius/) [cursor [Doka]](https://doka.guide/css/cursor/) [text-align [Doka]](https://doka.guide/css/text-align/)
+#### Grid | CSS
+[Как создать сетки на CSS Grid Layout [HTML Academy]](https://htmlacademy.ru/blog/css/display-grid) [grid-template-columns [Doka]](https://doka.guide/css/grid-template-columns/) [CSS Grid Layout [MDN]](https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout) [Шпаргалка по гридам [grid.malven]](https://grid.malven.co/) [Гайд по grid [Doka]](https://doka.guide/css/grid-guide/)
+#### Flex | CSS
+[Как создать сетку на странице. CSS-свойство flex [HTML Academy]](https://htmlacademy.ru/blog/css/css-flex) [flex-wrap [Doka]](https://doka.guide/css/flex-wrap/) [Flexbox [MDN]](https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Flexbox) [Интерактивная шпаргалка 1 [tpverstak]](https://tpverstak.ru/flex-cheatsheet/) [Интерактивная шпаргалка 2 [Codepen]](https://codepen.io/enxaneta/full/adLPwv) [Интерактивная шпаргалка 1 [flexbox.help]](https://flexbox.help/) [Гайд по flexbox [Doka]](https://doka.guide/css/flexbox-guide/) [Полный гайд по flexbox [CSS-TRICKS]](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) [Игра для тренировки [flexboxfroggy]](https://flexboxfroggy.com/#ru)
+#### Адаптивность | CSS
+[@media [Doka]](https://doka.guide/css/media/) [Зачем нужен метатег viewport [HTML Academy]](https://htmlacademy.ru/blog/html/viewport) [meta [Doka]](https://doka.guide/css/media/) [Responsive Web Design - The Viewport [W3Schools]](https://www.w3schools.com/css/css_rwd_viewport.asp)
diff --git a/labs/lab-02/styles.css b/labs/lab-02/styles.css
new file mode 100644
index 0000000..4285ac7
--- /dev/null
+++ b/labs/lab-02/styles.css
@@ -0,0 +1,259 @@
+* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Montserrat', sans-serif;
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+}
+
+header {
+ background-color: #2d5016;
+ color: white;
+ padding: 20px 40px;
+ margin: 0;
+}
+
+h1 {
+ margin: 0 0 15px 0;
+ font-size: 36px;
+ color: white;
+}
+
+nav {
+ margin: 0;
+ padding: 10px 0;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 15px;
+}
+
+nav a {
+ text-decoration: none;
+ color: white;
+ font-family: 'Montserrat', sans-serif;
+ font-size: 16px;
+}
+
+nav a:hover {
+ color: #a8d08d;
+}
+
+nav a#active {
+ color: tomato;
+}
+
+main {
+ margin: 0 auto;
+ padding: 40px 60px;
+ max-width: 1200px;
+ flex: 1;
+}
+
+section {
+ margin: 0 0 50px 0;
+ padding: 30px;
+ background-color: #f9f9f9;
+}
+
+h2 {
+ font-size: 28px;
+ color: #2d5016;
+ margin: 0 0 20px 0;
+}
+
+p {
+ font-family: 'Montserrat', sans-serif;
+ font-size: 16px;
+ color: #333;
+ line-height: 1.6;
+ margin: 0 0 15px 0;
+}
+
+img {
+ width: 100%;
+ height: 400px;
+ object-fit: cover;
+ margin: 0 0 20px 0;
+}
+
+ul {
+ margin: 20px 0;
+ padding: 0 0 0 25px;
+}
+
+ul li {
+ font-family: 'Montserrat', sans-serif;
+ font-size: 16px;
+ color: #333;
+ margin: 0 0 12px 0;
+ line-height: 1.5;
+}
+
+table {
+ width: 100%;
+ border-collapse: collapse;
+ margin: 20px 0;
+}
+
+table th {
+ background-color: #2d5016;
+ color: white;
+ padding: 15px;
+ text-align: left;
+ border: 1px solid #2d5016;
+ font-size: 16px;
+}
+
+table td {
+ padding: 12px 15px;
+ border: 1px solid #ddd;
+ text-align: left;
+ font-size: 15px;
+ color: #333;
+}
+
+table tr:nth-child(even) {
+ background-color: #f2f2f2;
+}
+
+.dishes-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ gap: 10px;
+}
+
+.dish-card {
+ display: flex;
+ flex-direction: column;
+ padding: 30px 40px;
+ border-radius: 35px;
+ cursor: pointer;
+ filter: drop-shadow(17px 19px 24px rgba(0, 0, 0, 0.13));
+ background-color: white;
+}
+
+.dish-card:hover {
+ border: 2px solid tomato;
+}
+
+.dish-card:hover button {
+ background-color: tomato;
+ color: white;
+}
+
+.dish-card img {
+ width: 100%;
+ height: auto;
+ border-radius: 35px;
+ margin: 0 0 15px 0;
+}
+
+.dish-price {
+ font-size: 20px;
+ font-weight: 600;
+ margin: 0 0 10px 0;
+}
+
+.dish-name {
+ font-size: 18px;
+ font-weight: 600;
+ margin: 0 0 10px 0;
+}
+
+.dish-weight {
+ color: #888;
+ margin: 0 0 10px 0;
+ margin-top: auto;
+}
+
+.dish-card button {
+ background-color: #f1eee9;
+ border: none;
+ padding: 10px 30px;
+ border-radius: 10px;
+ cursor: pointer;
+ font-family: 'Montserrat', sans-serif;
+ font-size: 16px;
+ margin-top: 10px;
+}
+
+footer {
+ background-color: black;
+ color: white;
+ padding: 30px 60px;
+ margin: 0;
+}
+
+footer p {
+ color: white;
+ margin: 0 0 10px 0;
+}
+
+footer a {
+ text-decoration: none;
+ color: white;
+ font-family: 'Montserrat', sans-serif;
+ font-size: 16px;
+}
+
+footer a:hover {
+ color: #a8d08d;
+}
+
+@media (max-width: 800px) {
+ .dishes-grid {
+ grid-template-columns: 1fr 1fr;
+ }
+
+ nav {
+ justify-content: space-between;
+ }
+
+ .about-company img {
+ width: 500px;
+ }
+}
+
+@media (max-width: 600px) {
+ h1 {
+ text-align: center;
+ }
+
+ nav {
+ flex-direction: column;
+ align-items: center;
+ }
+
+ nav a {
+ font-size: 20px;
+ }
+
+ section h2 {
+ text-align: center;
+ }
+
+ .dishes-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .about-company img {
+ width: 100%;
+ }
+
+ table th,
+ table td {
+ font-size: 14px;
+ }
+}
+
+@media (max-width: 400px) {
+ table th,
+ table td {
+ font-size: 12px;
+ }
+}
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+