/* Header section starts*/

.top {
  background-color: #1A3549;
  height: 150px;
  width: 100%;
  z-index: 100;
  position: fixed;
}


.left {
  position: absolute;
  top: 55px;
  left: 55px;
}


.middle {
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 30px;
}


.top p {
  font-size: 12pt;
  font-weight: lighter;
  letter-spacing: 1px;
  text-align: left;
  padding-left: 40px;
  padding-top: 5px
}


.right {
  position: absolute;
  top: 20px;
  right: 5px;
  color: #FFF;
}


.phone, .email {
  padding-right: 50px;
}


.phone img, .email img {
  float: left;
}

.right-menu {
	visibility: hidden;
}

/* Header section ends*/


  
/* Screens under 1440px wide*/
 
@media screen and (max-width: 1440px) {

  .top {
  height: 150px;
  width: 100%;
  z-index: 100;
  position: fixed;
}

  .middle img{
    width: 250px;
    padding-top: 0px;
  }

  .middle {
  margin: 0 auto;
}


  .top p {
  font-size: 10pt;
  font-weight: lighter;
  letter-spacing: 1px;
  text-align: left;
  padding-left: 40px;
  padding-top: 5px
 }


 .right {
  position: absolute;
  top: 25px;
  right: 5px;
  color: #FFF;
}



}


/* Screens under 960px wide*/

@media only screen and (max-width:960px){



.right {
  display: none;
  }

  .left {
    display: none;
  }

.right-menu {
  visibility: visible;
  text-align: center;
  padding-bottom: 20px;
  background-color: #1A3549;
}

.right-menu a.icon {
  color: #FFF;
  text-decoration: none;

}

}


/* Screens under 600px wide*/

@media only screen and (max-width:600px){





.right-menu {
  visibility: visible;
  text-align: center;
  padding-bottom: 20px;
  background-color: #1A3549;
}

.right-menu a.icon {
  color: #FFF;
  text-decoration: none;

}
}