.mobile-menu {
  display: flex;
  justify-content:space-between;
 /* padding:0 16px;*/
  padding: 0 25px;
  align-items:center;
  background-color: #023d57;
  flex-wrap:wrap;
  height:80px;
  width:calc(100% - 50px);
  z-index:100;
  /*margin:0 0 2rem;*/
}
.mobile-menu__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 35px;
  height: 50px;
  cursor: pointer;
  transition: 0.4s;
}
.mobile-menu__icon {
  display: block;
  position: relative;
  background: white;
  width: 90%;
  height: 4px;
  transition: 0.4s;
}
.mobile-menu__icon::after, .mobile-menu__icon::before {
  content: "";
  display: block;
  position: absolute;
  background: white;
  width: 100%;
  height: 4px;
  transition: 0.4s;
}
.mobile-menu__icon::after {
  top: 8px;
}
.mobile-menu__icon::before {
  top: -8px;
}
.mobile-menu__container {
  position: fixed;
  display: flex;
  align-items: flex-end;
  top: 50px;
  left: 0;
  right: 0;
  height: 0;
  opacity: 1;
  transition: 0.5s;
  transition-delay: 0.2s;
  overflow: hidden;
  background-color: #023d57;
  padding-left:25px;
}
.mobile-menu__list {
  width:100%;
  transition: 0.5s;
  transition-delay: 0.5s;
  list-style: none;
  padding-left: 0;
  /*margin-top: -100px;*/
  font-family:"Roboto";
  font-weight:400;
}
.mobile-menu__item {
  width:100%;
  font-size: 3vh;
  line-height:1;
  padding-bottom: calc(15px + 0.5vh);
}
/*.mobile-menu__item:first-child		{
padding-bottom:35px;
}
.mobile-menu__item:first-child a		{
color:#f66d25;
}*/
.mobile-menu__link,.mobile-menu__link:visited {
  display:block;
  text-decoration: none;
  color: #fefefe;
}
.mobile-menu__link:hover{
color:#CBA136;
}
.mobile-menu__checkbox {
  display: none;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__nav {
  opacity: 1;
  transition-delay: 0s;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__container {
  transition-delay: 0s;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {
  background: transparent;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
  top: 0;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#title{
  text-decoration:none;
  font-family:'monospace';
  color:#1E5167;
  font-weight:normal;
  letter-spacing:2px; 
  
}
#title a, #title a:visited{
text-decoration:none;
color:#00acee;
}
/*#domain{
  font-family:'Montserrat';
}
#domain a, #domain a:visited{
/*font-size: 2rem;
cursor:pointer;
text-decoration:none;
color:#bbb;
}
#domain a:hover{
color:#f66d25;
}*/

@media all and (min-width:0){
.mobile-menu__checkbox:checked ~ .mobile-menu__container {
  height: 46%;	
	}
	.mobile-menu{
	position:fixed;
	top:0;
	height:50px;
	width:calc(100 - 50px);
	}
/*	.mobile-menu__checkbox:checked ~ .mobile-menu {
	  height: 100%;
	}*/
}
@media all and (min-width:400px){
  #domain, #title{
    font-size:1.4rem;
  }
  .mobile-menu__checkbox:checked ~ .mobile-menu__container {
  height: 34%;

}

@media all and (min-width:768px) {
	.mobile-menu{
	position:static;
	width:100%;
	}
	/*.mobile-menu__container{
	width:calc(100% - 40px);*/
	}
}