@media (max-width: 768px) {
  #container{
  height:98vh;
  width:100%;
  background:#012D33;
  padding-top:130px;
}
  
  .nav{
  height: 70px;
  width:100%;
  display: flex;
  justify-content:space-between;
  align-items: center;
  background:#012529;
}
  
  .logo{
  height:50px;
  width:50px;
  }
#image{
  height: 50px;
  width:50%;
  display: flex;
  justify-content:left;
  align-items: center;
  background:transparent;
  margin-left:7px;
}
#image span{
  font-size:25px;
  color:white;
  height:25px;
  line-height: 30px;
  
}
  .nav .links{
  height:75px;
  width:100%;
  display:flex;
  align-items: center;
  justify-content: right;
  margin-right:20px;
  display:none;
}
  .menu_icon{
  font-size:30px;
  font-weight:bold;
  color:white;
  margin-right:10px;
  display:block;
}
  footer {
    background: #333;
    color: #fff;
    text-align: center;
  width:100%;
  height:65px;
}
footer .container{
  height:65px;
}
  .desktop{
    display:none;
  }

  @font-face{
    font-family:appFont;
    src:url(appfont2_bold.ttf),
      url(appfont2_regular.ttf);
  }
  
}