a{
  text-decoration: none;
  color: white;
}

/* TOP BAR */
#topbar{
  position: fixed;
  background-color: rgb(22, 22, 22);
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 1;
  box-shadow: 2px 2px 2px rgb(37, 37, 37);
}

#topbar img{
  float: left;
  margin-left: 20%;
  margin-top: 10px;
  box-shadow: 2px 2px 2px rgb(85, 83, 83); 
}

#topbar #menu {
  float: right;
  margin-right: 20%;
  margin-top: 25px;
}

#topbar #menu ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#topbar #menu ul li{
  margin-left: 50px;
  float:left;
  font-family: "Montserrat Medium";
  font-size: 16px;
}

#topbar #menu ul li:nth-child(1){
  margin-left: 0;
}

#topbar a:hover{
  color: #FE3838;
  transition-duration: 0.5s;
}

footer{
  background-color: #191919;
  font-family: "Montserrat Regular";
	position: absolute;
	left: 0;
  right: 0;
  height: 70px;
  display: flex;
  /* Vertically & Horizontally centered */
  justify-content: center;
  align-items: center;
}

#mobile-menu, #toggled-menu{
  display: none;
}

@media(max-width: 1300px){
  #topbar img{
    margin-left: 10%;
  }

  #topbar #menu{
    margin-right: 10%;
  }
}

@media(max-width: 950px){
  #menu{
    display: none;
  }

  #mobile-menu{
    display: initial;
  }

  #mobile-menu #switch{
    display: block;
    position: absolute;
    right: 2.5%;
    margin-top: 2.5%;
  }

  #toggled-menu{
    margin-top: 70px;
    color: white;
    background-color: rgb(37, 37, 37);
    font-family: "Montserrat Regular";
  }

  #toggled-menu ul{
    list-style-type: none;
    padding-top: 1%;
    padding-bottom: 2%;
  }

  #toggled-menu li{
    margin-bottom: 1%;
  }

  #mobile-menu #switch span{
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;   
    background: white;
    border-radius: 3px;
  }
}

@media(max-width: 400px){
  #mobile-menu #switch{
    margin-top: 6%;
    margin-right: 2.5%
  }
}