body {
	font-family: 'Raleway', sans-serif;
	overflow-y: hidden;
}

#navigation {
	margin-top: 0.5%;
}
.text {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: 20px;
}

#navigation li a{
	padding: 0 15px;
	color: #000;
	letter-spacing: 3px;
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 7px;
}

#navigation li a i {
   font-size: 20px;
}

.dropdown-menu a:active {
  background-color: white;
}

.navbar-brand {
	color: #000;
	 letter-spacing: 3px;
	 text-transform: uppercase;
}

.navbar a:hover {
	color: #000;
}

.navbar-toggler-icon {
	background: url(../img/icons/menu.png);
	background-size: 100%;
	color: #000;
}

.scrolling-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  height: 90vh;
  overflow-y: hidden;
}

.scrolling-wrapper {
  -webkit-overflow-scrolling: touch;
}

.block {
    flex: 0 0 auto;
    height: 90vh;
    width: auto;
    margin-right: 0.5%;
}

.block img{
	height: 100%;
}

.scrolling-wrapper .block:nth-child(3) {
	padding-right: 0.5%;
}

/*============MOBILE PORTRAIT/LANDSCAPE: when the screen becomes 1000px and narrower use this style===========*/

@media screen and (max-width: 1000px) {

.block img{
	height: 85%;
}

}