/*header {
	background: #2678FF;
}
aside {
	background: #F94C4F;
	color: white;
}
.color1{
	background: #004968;
	color: white;
}
footer{
	background:#001958;
	color:white;
}
.material-icons.orange600 { color: #FB8C00; }
h1{text-align: center;}
.header {height: 600px;}*/
html {
	scroll-behavior: smooth;
}
body {
/*background:#0F0F0F;*/
}
p {
	font-weight: 300;
}
.fons-header {
	background: url('../img/xl-header01.jpg');
	height: 60vh;
	background-position: center;
	background-size: cover;
}
.fons-whoami {
	background: url('../img/xl-about.jpg');
	height: 60vh;
	background-position: center;
	background-size: cover;
}
.fons-contact {
	background: url('../img/xl-contact.jpg');
	/*height: 60vh;*/
	background-position: center;
	background-size: cover;
}
.fons-footer {
	background: #121212;/*background: black;
	height: 60vh;
	background-position: center;
	background-size: cover;*/
}
#slider {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
.navbar-dark {
	background: rgba(0,0,0,0);
	transition: all 1s ease;
}
.navbar-fosc-scroll {
	background: rgba(0,0,0,0.9);
	transition: all 1s ease;
}
.navbar-nav .nav-link {
	float: right;
}
.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
.quisoc {
	/*background: orange;*/
	color: #D7D7D7;
	height: 60vh;
}
#menu-imgs ul{
	padding:0px;
	margin:0px;
}
#menu-imgs ul li{
	background:transparent;
	display: inline;
	text-decoration: none;
}

@media only screen and (max-width: 768px) {
.navbar-dark {
	background: rgba(0,0,0,1);
	transition: all 1s ease;
}
.fixed-top {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
.quisoc {
	background: rgba(255,0,0,0.5);
	height: 80vh;
}
.fons-whoami {
	background: url('../img/xl-about.jpg');
	height: 80vh;
	background-position: center;
	background-size: cover;
}

}
/*@media only screen and (max-width: 375px) {
.quisoc{
background: red;
padding-left: 0;
padding-right: 0;
}
}*/
