Alexandr Lebedev

Херассе появилась )) У вас целый плагин jQuery установлен для кнопки ))
Уберите код

<script type="text/javascript">
jQuery(function () {
      jQuery.scrollUp({
		// Element ID
        scrollName: 'scroll_to_up', 
		// Distance from top/bottom before showing element (px)
        scrollDistance: 359,
		// 'top' or 'bottom'
        scrollFrom: 'top',     
		// Speed back to top (ms)	
        scrollSpeed: 300, 
		// Scroll to top easing (see http://easings.net/)	
        easingType: 'linear',        
		// Fade, slide, none
        animation: 'fade',      
		// Animation speed (ms)	
        animationSpeed: 200,   
		// Text for element, can contain HTML
		
		scrollText: 'Scroll To Up',
		
        scrollTrigger: false,        // Set a custom triggering element. Can be an HTML string or jQuery object
        scrollTarget: false,         // Set a custom target element for scrolling to. Can be element or number
        scrollTitle: false,          // Set a custom <a> title if required.
        scrollImg: false,            // Set true to use image
        activeOverlay: false,        // Set CSS color to display scrollUp active point, e.g '#00FFFF'
        zIndex: 2147483647           // Z-Index for the overlay
    });
	
});
</script>

Вот в source страницы ее js код:

jQuery(function () {
      jQuery.scrollUp({
		// Element ID
        scrollName: 'scroll_to_up', 
		// Distance from top/bottom before showing element (px)
        scrollDistance: 359,
		// 'top' or 'bottom'
        scrollFrom: 'top',     
		// Speed back to top (ms)	
        scrollSpeed: 300, 
		// Scroll to top easing (see http://easings.net/)	
        easingType: 'linear',        
		// Fade, slide, none
        animation: 'fade',      
		// Animation speed (ms)	
        animationSpeed: 200,   
		// Text for element, can contain HTML
		
		scrollText: 'Scroll To Up',
		
        scrollTrigger: false,        // Set a custom triggering element. Can be an HTML string or jQuery object
        scrollTarget: false,         // Set a custom target element for scrolling to. Can be element or number
        scrollTitle: false,          // Set a custom <a> title if required.
        scrollImg: false,            // Set true to use image
        activeOverlay: false,        // Set CSS color to display scrollUp active point, e.g '#00FFFF'
        zIndex: 2147483647           // Z-Index for the overlay
    });
	
});

удалите его.

или добавьте в стили
#scroll_to_up {display: none}

1) Если использовать картинку как background, то задать позицию фона. например так:

.selector{
    background: center center #fff url(/path/to/image.png) no-repeat; /* полный синтаксис*/
    background-position: center center; /*только позиция*/
}

2) Если используете картинку как img, то выравнивайте её используя абсолютное позиционирование

backgrouund-umage: url();
background-size:contain; /*или cover*/
background-repeat: no repeat; /*убираем повторения*/

если задано просто background: , то там все одной строкой задается:)

В стили пропиши:
body {padding-top: 86px;}

Не понял сути.
У меня вообще сверху меню закрывает, добавь margin-top контейнеру. Если хочешь чтобы было на весь экран по высоте min-height: 100% блоку, там будет скорее всего проблема с наследованием размера, поэтому всем блокам "родителям" min-height:1px, min-height:100% включая body и html;
блокам тогда height: 50%
upd: вижу что инлайном высота стоит.

Если по ширине то min-width какой то, т.к. позиции элементов заданы же какие то и media (max-width: 1366px) .cell-pf

Я бы сделал не так вообщем, мне за такую верстку в офисе давали по шапке:)
Уточни задачу, объясню

В данном конкретном примере:

.one {
  height: 200px;
  width: 33%;
}

.two {
  height: 200px;
  width: 33%;
}

ограничьте ширину родителя

Наверняка, это самый худший способ. Но, всё же рискну опубликовать.

Разметка у вас адская.

vertical-align: top;
Инлайн блоки по дефолту выравниваются по нижней границе.

vertical-align: top;

JS + CSS.
Целиком весь функционал вам тут врядли будут писать, это не поправка, это в чистом виде уже задача для фрилансера.
Скиньте хотя бы свои наработки.

У картинок поставь эти свойства:
Не background-size: cover; а background-size: 100% 100%;

<a href="#" style="background-image: url('http://fess.in.net/wp-content/uploads/2016/01/Block-Home-page3-01.png');background-size: 100% 100%;">
		<div class="box">
			<div class="name_project"><h3>Your Text</h3></div>
			<div class="line_project"></div>
			<div class="type"><p>Your Text</p></div>
		</div>
		<div class="bg"></div>
	</a>

У картинок поставь эти свойства:
background-size: cover;
background-position: center;
background-repeat: no-repeat;

Это что за вопрос?

<p>text1</p>
<p>text2</p>

Или "в ряд" это в две колонки?
Тогда добавьте css

p {
  width: calc(50% - 1.5em);
  float: left;
  margin: 1em;
  text-align: justify;
}
p + p {
  margin-left: 0;
}

jsfiddle.net/soledar10/vju8atf4

jquery

$(document).ready(function(){
    if (document.location.pathname == '/') {
       $('#menu a:first-child').addClass("active");   
    }
    if (document.location.pathname == '/about-us') {
       $('#menu a:nth-child(2)').addClass("active");
    }
});

и т.д.

css

#menu .active{
    background: orange;
    color: #fff;
}

Только не знаю, будет ли работать. JS пока плохо владею.

Приблизительно так jsfiddle.net/soledar10/o4ex5fcg

Уберите тэг <p></p>.

i.imgur.com/GLux8KH.jpg