.body{
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
}
.navbar-dark .navbar-brand {
    color: #fa8072;
    font-weight: bold;
}
.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.info p{
	margin-top: 3vh;
}

.col-lg-3 ul{

	list-style-type: none;
	margin-left: 0;
	/*padding-left: 10vh;*/

}
.dropdown-menu a:hover, .dropdown-menu a:active{
	color: #fa8072;
	background-color: white;
}

/*.dropdown{
	background-color: black;
	color:white;
}*/
:root {
  --mainColor: #fa8072;
}

.row li{
	margin-bottom: 5.5vh;
}
.row li a {
  background:
     linear-gradient(
       to right,
       var(--mainColor) 0%,
       var(--mainColor) 5px,
       transparent 5px
     );
    background-repeat: repeat-x;
    background-size: 100%;
  color: #000;
  padding-left: 10px;
  padding-bottom: 1.5vh;
  padding-top: 1.5vh;
  padding-right: 10px;
  text-decoration: none;
}

.row li a:hover {
  background:
     linear-gradient(
       to right,
       var(--mainColor) 100%,
       var(--mainColor) 5px,
       transparent
     );
     color:white;
}

.container-fluid{
	padding-left: 10vh;
	padding-right:10vh;
}

.col-lg-3 ul{
	padding-top: 10vh;
}


  #footer {
  background:#F3F3F3;
  padding-top: 40px;
  padding-bottom: 40px;
  color: black;
  font-size: 14px;

}
#footer .light
{
  color: #707070;
}
#footer img
{
  height: 10vh;
  margin:2vh;
}
.salmon
{
  color:#fa8072;
}

@media (max-width: 768px) {
  .container-fluid{
  padding-left: 10vw;
  padding-right:10vw;
}
}
body
{
    display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.container-fluid
{
  flex: 1;
}