pravljenje sajta 2 deo css

body{
	margin:0px; /*ponistavamo*/
	padding:0px;/*spajanje linije sa vrhom stranice*/
}
.header{
	border-bottom: 2px solid #dc0101; /*crvena linija ispod navigacionog menija */
}
.page{

}
.footer{
}
.column{
	/*border:2px solid black;*/
	width:1000px;
	margin:0px auto;

}
.page .column{
	height:100vh; /*vh-bordura ima height kao rezolucija ekrana */
}

#logo-i-social{
	display:flex;


}
#logo-i-social img{
	height:50px;
	width:50px;


}
#logo-holder{
	flex-grow:1; /*zauzima 50% sirine kolone */


}
#social-holder{
	flex-grow:1;
	text-align:right;
}

#social-holder a img{
	width:24px;
	height:24px;
	margin:5px;
}

#main-menu{
	display:flex;

}

#main-menu a{
	flex-grow:1;
	text-align:center;
	display:block; /* da bismo mogli da definisemo padding */
	padding: 10px 0;
	text-decoration:none; /*brise linije ispod teksta */
	color:#dc0101; /*crven tekst */
	transition:400ms; /*vreme trajanja tranzicije-kada dugme postaje crvevno a slova bela usporeni efekat*/

}

#main-menu a:hover,
#main-menu a.active{ /*dugme pocetna je uvek crvene boje */
	background-color:#dc0101;
	color:#ffffff; /*bela slova kada se predje misem preko dugmeta */
}