.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}


.social-btns .btn {
	padding: 18px 18px;
  }

  .social-btns .btn,
  .social-btns .btn:before,
  .social-btns .btn .fa {
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	-webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
  }

  .social-btns .btn:before {
	top: 90%;
	left: -110%;
  }

  .social-btns .btn .fa {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
  }

  .social-btns .btn.facebook:before {
	background-color: #3b5998;
  }

  .social-btns .btn.facebook .fa {
	color: #3b5998;
  }

  .social-btns .btn.instagram:before {
	background-color: sandybrown;
  }

  .social-btns .btn.instagram .fa {
	color: sandybrown;
  }

  .social-btns .btn.google:before {
	background-color: #dc4a38;
  }

  .social-btns .btn.google .fa {
	color: #dc4a38;
  }

  .social-btns .btn.flickr:before {
	background-color: hotpink;
  }

  .social-btns .btn.flickr .fa {
	color: hotpink;
  }

  .social-btns .btn.github:before {
	background-color: black;
  }

  .social-btns .btn.github .fa {
	color: black;
  }

  .social-btns .btn.linkedin:before {
	background-color: royalblue;
  }

  .social-btns .btn.linkedin .fa {
	color: royalblue;
  }

  .social-btns .btn:focus:before,
  .social-btns .btn:hover:before {
	top: -10%;
	left: -10%;
  }

  .social-btns .btn:focus .fa,
  .social-btns .btn:hover .fa {
	color: #fff;
	-webkit-transform: scale(1);
	transform: scale(1);
  }

  .social-btns {
	margin: auto;
	font-size: 0;
	/* text-align: center; */
	/* position: inherit; */
	/* top: 0; */
	/* bottom: 0; */
	/* left: 0; */
	/* right: 0; */
	display: flex;
  }

  .social-btns .btn {
	display: flex;
	background-color: #fff;
	width: 5em;
	height: 5em;
	margin: 0 10px;
	/* text-align: left; */
	/* vertical-align: middle; */
	/* line-height: 50%; */
	position: relative;
	overflow: hidden;
	border-radius: 28%;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
	opacity: 0.99;
	align-items: center;
	justify-content: center;
  }

  .social-btns .btn:before {
	content: '';
	width: 120%;
	height: 120%;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  }

  .social-btns .btn .fa {
	font-size: 2.5em;
	vertical-align: middle;
  }


  #ul
    {
    	margin:0;
    	padding:0;
    }

    ul.ex_menu li
    {
        display:inline;
        position:relative;
    }

    li.ex_sub > ul
    {
        display:none;
    }

    ul.ex_menu li.ex_sub:hover > ul
    {
        position:absolute;
        top:100%;
        left:0;
        display:block;
    }

    ul.ex_menu ul li.ex_sub:hover > ul
    {
        position:absolute;
        top:0;
        left:100%;
        display:block;
    }



    .box {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .imgwrap {
       width: 50%; /*or whatever you choose*/
       margin: auto;
    }
    .imgwrap img {
       display: block;
       width: 100%;
       max-width: 500px; /*actual image width*/
       height: auto; /* maintain aspect ratio*/
       margin: auto; /*optional centering of image*/
    }