Школьник.

var result, elements = document.getElementsByTagName('*');
for(var i = 0; i < elements.length; i++) {
  if(elements[i].getAttribute('type') == 'range')
    result = elements[i].value;
};
alert(result);

для адаптивного сайта css поддерживает @media. Пикселы или проценты? - глупый вопрос, каждый верстальщик делает по своему

www.fonts-online.ru/font/Calibri

Потому что это трансформ, он тупо растягивает объект, меняйте размер напрямую.

леарн джаваскрипт ру

img {
  background: url('изображение.джэпег') #ff0000;
}

Создать див с классом, в этот див вставить еще 3 дива со всеми пирогами. Сдвинуть все эти дивы вверх, присвоить каждому z-index меньше предыдущего.

position:relative;
z-index:99999999999;

Во-первых, не .fields input[type=text], input[type=password]], а

.fields input[type=text], .fields input[type=password]

Во-вторых, почему в body данные из head?

<div class="error_login">Неверно введен логин или пароль</div><link rel="shortcut icon" href="favicon.ico"><title>Вход</title><link href="css/style_capcha_login.css" rel="stylesheet" type="text/css">

Вы лучше свой PHP-скрипт скиньте. Он всё портит

Никак, используйте JS для изменения размеров!

$('#айдикартинки').animate({'width':'1000px'},1000); - Что то вроде такого, не проверял

.border {
width:250px;
height:100px;
border: 100px solid pink
}

<!--ВСТАВЛЯЙТЕ DIV Сколько хотите, только размер border не забывайте менять-->
<div class="border"></div>

В файле с кастомным шрифтом посмотреть?

<style>
.unique {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.forvidos{
  position: absolute;
  height: (Подгони высоту);
  display: block;
  width: 100%;
}
</style>
<div class="unique">
<video class="forvidos" autoplay    src="{% static "video/1.mp4" %}"></video>
</div>