@charset "utf-8";
@font-face{
	font-family: 'Roboto';
	src: url(fonts/Robotica.ttf);
}
body{
	background-color: #333;
    font-family: 'Roboto';
}

div.topnav {
  overflow: hidden;
}

img#yall{
	height: 60px;
	width:auto;
	margin-left:0px;
	margin-top:5px;
	margin-right:-10%;
}

div.topnav a.menu {
  float: right;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 16px;
	margin-top: 15px;
  text-decoration: none;
  font-size: 17px;
	border-radius: 10px;
		min-width: 100px;
    font-family: 'Roboto';
}

.topnav a.menu:hover {
  background-color: #ddd;
  color: black;
}
	 img#yall:hover{
         margin-top:0;
	height: 65px;

@media only screen
and (max-width : 620px)
 {
	 img#yall{
	float: left;
	margin-right:0px;
}
div.topnav a.menu{
	float:right;
	position: sticky;
  text-align: left;
  padding: 5px 5px;
	margin-top:20px;
	margin-left: 3px;
  font-size: 10pt;
}