/*!
 * 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;
}

.img-fluid{
  margin-bottom:1rem;
}

footer{
	padding-bottom:1rem;
}




/*---------COLORI--------*/
#Vevylon
{
   background: none;
   padding-top:10rem;
}
#VevylonForte{
	background-color:#785C6B;
}


#ViPama{
   background: none;
}
#ViPamaNeutro{
	background-color:#6C8692;
	
}
#ViPamaPH4_5{
	background-color:#3677A0;
}

#VevylonUrto{
background-color:#9E2041;
}
#Pamalene{
	background-color:#EED3CE;
}

#ViPamaNeutro,#ViPamaPH4_5, #VevylonForte, #VevylonUrto,#Pamalene{
	border-bottom:1rem solid #FFF;
	padding-top:9rem;
	padding-bottom:4rem;
}

#ViPama,#Vevylon, #Pamalene{
	border:0;
}

.tx-verde{
	color:#1B9871;
}
.tx-white{
	color:#FFF;
}
.bg-white{
	background-color:#FFF;
}
.bg-ViPama45{
	background-color: #3677A0;
}
.bg-ViPamaNeutro{
	background-color: #6C8692;
}
.bg-azzurro{
	background-color: #0599D8;
}
.bg-blu{
	background-color: #004a7e;
}


/*---------MENU PRINCIPALE--------*/



.nav-item a{
	font-size:1rem;
}
.nav-item{
	margin-LEFT:1REM;
}

.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;
}


/*----------
Bootstrap 4 breakpoints
------------*/

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
 html{
	font-size: 14px;
 }
#ViPama{
   background: linear-gradient(90deg, #6C8692 50%, #3677A0 50%);
}
#ViPamaNeutro{
	background-color:none;	
}
#ViPamaPH4_5{
	background-color:none;
}
#Vevylon
{
   background: linear-gradient(90deg, #785C6B 50%, #9E2041 50%);
}
#VevylonForte{
	background-color:none;
}
#VevylonUrto{
background-color:none;
}

#ViPamaNeutro,#ViPamaPH4_5, #VevylonForte, #VevylonUrto, #Pamalene{
	border:0;
		padding-top:8rem;
	padding-bottom:4rem;
}

#ViPama,#Vevylon,#Pamalene{
	margin:0;
	border:0;
	border-bottom:1rem solid #FFF;
}
#ViPamaNeutro, #VevylonForte{
	padding-right:4rem;
}

#ViPamaPH4_5, #VevylonUrto{
	padding-left:4rem;
}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 html{
	font-size: 15px;
 }
#ViPama{
   background: linear-gradient(90deg, #6C8692 50%, #3677A0 50%);
}
#ViPamaNeutro{
	background-color:none;	
}
#ViPamaPH4_5{
	background-color:none;
}
#Vevylon
{
   background: linear-gradient(90deg, #785C6B 50%, #9E2041 50%);
   padding-top:6rem;
}
#VevylonForte{
	background-color:none;
}
#VevylonUrto{
background-color:none;
}
#ViPamaNeutro,#ViPamaPH4_5, #VevylonForte, #VevylonUrto, #Pamalene{
	border-bottom:0;
	padding-top:6rem;
}

#ViPama,#Vevylon,#Pamalene{
	margin:0;
	border:0;
	border-bottom:1rem solid #FFF;
}
#ViPamaNeutro, #VevylonForte{
	padding-right:4rem;
}

#ViPamaPH4_5, #VevylonUrto{
	padding-left:4rem;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
  html{
	font-size: 16px;
 }
#ViPama{
   background: linear-gradient(90deg, #6C8692 50%, #3677A0 50%);
}
#ViPamaNeutro{
	background-color:none;	
}
#ViPamaPH4_5{
	background-color:none;
}
#Vevylon
{
   background: linear-gradient(90deg, #785C6B 50%, #9E2041 50%);
}
#VevylonForte{
	background-color:none;
}
#VevylonUrto{
background-color:none;
}
#ViPamaNeutro,#ViPamaPH4_5, #VevylonForte, #VevylonUrto, #Pamalene{
	border-bottom:0;
}

#ViPama,#Vevylon,#Pamalene{
	margin:0;
	border:0;
	border-bottom:1rem solid #FFF;
}
#ViPamaNeutro, #VevylonForte{
	padding-right:4rem;
}

#ViPamaPH4_5, #VevylonUrto{
	padding-left:4rem;
}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  html{
	font-size: 16px;
 }
 
nav div{
	padding:0 3rem;
}
 
#ViPama{
   background: linear-gradient(90deg, #6C8692 50%, #3677A0 50%);
}
#ViPamaNeutro{
	background-color:none;	
}
#ViPamaPH4_5{
	background-color:none;
}
#Vevylon
{
   background: linear-gradient(90deg, #785C6B 50%, #9E2041 50%);
}
#VevylonForte{
	background-color:none;
}
#VevylonUrto{
background-color:none;
}
#ViPamaNeutro,#ViPamaPH4_5, #VevylonForte, #VevylonUrto, #Pamalene{
	border-bottom:0;
}

#ViPama,#Vevylon,#Pamalene{
	margin:0;
	border:0;
	border-bottom:1rem solid #FFF;
}


#ViPamaNeutro, #VevylonForte{
	padding-right:4rem;
}

#ViPamaPH4_5, #VevylonUrto{
	padding-left:4rem;
}

}