@charset "utf-8";
/* CSS Document */

 @media (max-width: 768px) {
      .nav-bar {
        flex-direction: column;
        align-items: flex-start;
      }

      .burger {
        display: block;
      }

      .nav-menu {
        flex-direction: column;
        display: none;
        width: 100%;
        background-color: #222;
        border-top: 1px solid #333;
        margin-top: 0.5rem;
        padding: 0 1rem;
        box-sizing: border-box;
      }

      .nav-menu.show {
        display: flex;
      }

      .nav-menu ul {
		display: none;
        position: static;
        background-color: #2c2c2c;
		list-style-type: none;   
      }
	 
	 .nav-menu ul.show-submenu {
    display: block;
  }
	 .nav-menu li:hover > ul {
    display: block;
  }

      .nav-menu ul li a {
        padding-left: 2rem;
        white-space: normal;
      }

      .logo img {
        height: 50px;
      }
	 
	 .social {
	width:100%;
		margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-top:1px solid #ffde0c;
	border-bottom:1px solid #ffde0c;
	margin-top:15px;
	margin-bottom:15px;
}

.icon {
	height:50px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	
}
.mainimghead {
		width:50%;
	margin-left:auto;
	margin-right:auto;
	
	 }


    }