/* Sprememba velikega naslova na prvi strani */
.banner > article h2 {
	/* velikost imena psov */
	font-size: 130px;
	/* barva napisa */
	color: white;
	/* debeila napisa, 400 normalno, 700 bold, to je vmes */
	font-weight: 500;
}

/* bela črta nad imenom psa na prvi veliki sliki */
.banner > article p:after {
	/* povemo, da ni nobenega besedila v paragraphu */
	content: '';
	/* absolutno pozicioniranje */
	position: absolute;
	/* z margin:auto povem, da želimo na levi in desni strani imeti enak razmik, kar pomeni centriranje */
	margin: auto;
	/* absolutna pozicija, 0 pixlov od leve strani, 0 od zna in 0 od desne */
	right: 0;
	bottom: 0;
	left: 0;
	/* širina 50%  */
	width: 50%;
	/* višina samo 1px, ker je to tanka črta */
	height: 1px;
	/* 255,255,255 povejo črno barvo */
	/* 0.65 -> 65% prosojnost, kar nam da sivo barvo */
	background-color: rgba(255, 255, 255, 0.65);
}

.wrapper.style3 h1, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
	/* barva vseh naslov */
	color: #ffffff;
}

/* pod slikami igrač in ovratnice, ter na drugi strani dolgo besedilo pod Koliko gibanja potrebuje pes */
.wrapper.style2 {
	/* barva ozadja kvadratka, kjer je zapisano besedilo */
	background-color: #f2f2f2;
	/* barva besedila na ozadju (pod slikama igrače in ovratnice) */
	color: #a6a6a6;
}

/* kjer je napis Ljubezen do psov */
.wrapper.style3 {

	/* barva ozadja */
	background-color: black;
	/* barva napisa  */
	color: #bfbfbf;
}

/* slike 4 kužkov na dnu */
.gallery .image {
	/* barva obrobe okoli slike */
	background: #FFF;

	/* debel bel rob okoli slik */
	/* padding določa rob okoli slike */
	padding: 20px;
}

/* ikone na dnu strani (Twitter, FB, Instagram in mail) */
/* izberemo vse elemente, ki so znotraj ul značke in imajo class icons */
ul.icons {
	/* ko gremo z miško čez ikonco, se prikaže default kazalec */
	cursor: default;
	/* ne pokažemo pikic, ki jih ima unordered list po defaultu */
	list-style: none;
	/* na levi strani ni odmika */
	padding-left: 0;
}
/* izberemo vse li elemente znotraj ul */
	ul.icons li {
		/* njihovo obnašanje je takšno, da se prikazujejo v eni vrstici */
		display: inline-block;
		/* zgoraj nič odmika, desno 1rem (16px), spodaj in levo 0*/
		padding: 0 1rem 0 0;
	}

		/* zadnja ikonica (oz otrok) nima desnega odmika */
		ul.icons li:last-child {
			padding-right: 0;
		}