@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* Style sheet for narrower screens */
#wrapper {
/* Set your own widths, % for fluid, px for fixed */
width: 100%;
min-width: 320px;
max-width: 610px;
/* Vertical margins, and auto to center */
margin: 0 auto;
}
header #burger {
    position: absolute;
    left: 12px;
    top: 5px;
    opacity: .6;
    color: black;
}

header #burger:hover {
    opacity: 1;
    transition: 500ms;
}

/* The entire nav drawer */
nav {
background: #000;
width: 200px;
position: fixed;
left: 0;
top: 42px;
z-index: 10000;
}
nav a{
  height: 0px;
  float:none;
  padding: 20px;
  width: auto;
}
/* Nav hidden from view (Just slid
over 145 pixels to the left) */
#nav.iconsonly {
left: -200px;
transition: 500ms;
}
/* Nav drawer fully visible (not slid
over to the left) */
#nav.fullmenu {
left: 0;
transition: 500ms;
}

/*Hide bigscreenpic */
#bigscreenpic {
  display: none
}

 #smallscreenpic {
   visibility:visible;
   height: auto;
   width: 100%
   display: block;
   clear: both;
   margin: 0px;
   padding: 0px;
   padding-bottom: 10px;
 }

 article {
   padding-top: 0px;
 }