body,h1 {
    margin:0;
    padding:0;
    font-family: 'Rubik', sans-serif;
    font-family: 'Ubuntu', sans-serif;
}

nav {
    background: white;
    padding:10px 10px;
}

nav >div{
    position:relative;
    max-width: 1200px;
    margin:auto;
}

nav >div >div {
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    transition: all 0.5s;
}

nav >div> img{
    display:inline;
}
nav >div> div:first-of-type {
    display:inline;
}
nav div a {
    text-decoration: none;
    color:black;
    background: #f3f3f3;
    padding: 5px 5px;
    border-radius: 5px;
    transition: all 0.15s;
}
nav div a:hover {
    color:white;
    background: navy;
}

.bar1, .bar2, .bar3{
  width: 35px;
  height: 5px;
  background-color: #000080;
  margin: 6px 0;
  transition: 0.4s;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
#menuicon {
  display: none;
  width: auto;
}
#menuicon:hover{
  cursor: pointer;
}

/*____________________________________emailStrip*/

#emailStrip{
    background:navy;
    color:white;
}

#emailStrip p{
    margin:0;
    padding:10px;
    text-align: center;
    font-weight: lighter;
}
#emailStrip p >span{
    margin:0 15px;
}

/*_____________________________________Media*/

@media all and (max-width: 578px){
    nav {
        position: relative;
    }

    nav div{
        posiiton: static;
    }

    nav>div>div:first-of-type{
        top: 100%;
        left: 0;
        width: 100%;
        height: 0;
        opacity: 0;
        z-index: 10;
        background: #000080;
        transform: translateY(11px);
        overflow: hidden;
    }

    nav>div>div:first-of-type>a{
        color: white;
        background: none;
        display: block;
        text-align: center;
        border-radius: 0;
    }
    nav>div>div:first-of-type>a:hover{
        background: white;
        color: #000080;
    }

    #menuicon {
      display: block;
    }
}
