/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
html {
	font-size: 14px;
}

body{
	font-family: 'Raleway', sans-serif;
	
}

h2{
	text-transform:uppercase;
}

h2,h3,h4{
	font-family: 'Roboto', sans-serif;	
}


section{
	margin:0;
	padding:0;
	padding-top:8rem;
	
}

.img-fluid{
  margin-bottom:4rem;
}

.jumbotron{
	margin:0;
	padding:5rem 0;
	border-bottom:3rem solid #FFF;
}

.topMargin{
	padding-bottom:1rem;
	border-bottom:1rem solid #FFF;
	
}
/*---------COLORI--------*/


.tx-verde{
	color:#1B9871;
}
.tx-white{
	color:#FFF;
}

.bg-white{
	background-color:#FFF;
}

.bg-arancione{
	background-color: #D25D14;
}

.bg-azzurro{
	background-color: #0599D8;
}

.bg-blu{
	background-color: #004a7e;
}


/*---------MENU PRINCIPALE--------*/



.nav-item a{
	font-size:1.1rem;
}
.nav-item{
	margin-LEFT:2REM;
}

.WhiteLink, .WhiteLink:hover, .WhiteLink:visited{
	color:#FFF;
	border:0;
}

.GreenLink, .GreenLink:hover, .GreenLink:visited{
	color:#1B9871;
}

.WhiteLink, .WhiteLink:hover, .WhiteLink:visited,
.GreenLink, .GreenLink:hover, .GreenLink:visited {
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}


.WhiteLink:hover, .GreenLink:hover  {
	text-decoration:underline;
}


#menuNackLozione:hover{
	color:#D25D14;
}

#menuNackShampoo:hover{
	color:#0599D8;
}

#menuNackShampooForte:hover{
	color:#004a7e;
}
#menuZosma:hover{
	color:#1B9871;
}



/*----------
Bootstrap 4 breakpoints
------------*/

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
 html{
	font-size: 14px;
 }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 html{
	font-size: 15px;
 }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  html{
	font-size: 16px;
 }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  html{
	font-size: 16px;
 }
}



/*----------
Bootstrap 4 breakpoints
------------*/