/*
=============================================================================
GENERAL
=============================================================================
*/

*, *:before, *:after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

html{
padding: 0; 
margin: 0;
box-sizing: border-box;
}

body{
font-family: 'Source Sans Pro', sans-serif;
font-size: 0.96em;
background-color: #f2f2f2;
padding:0; 
margin:0;
}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

a{}
a:link{color: #2F9402;}
a:visited{}
a:hover{text-decoration: none;}
a:active{}


/*section a.viewprojectbtn {text-decoration: none; border-radius: 5px; padding: 5px; border: 1px solid #AF0004; font-size: 0.75em;}
section a.viewprojectbtn:link{background-color:#AF0004; color:#fff; }
section a.viewprojectbtn:visited{background-color:#AF0004; color:#fff; }
section a.viewprojectbtn:hover{background-color:#fff; color:#AF0004; }
section a.viewprojectbtn:active{background-color:#AF0004; color:#AF0004; }*/

/*
=============================================================================
TYPOGRAPHY
=============================================================================
*/

p{font-size: 1em; margin: 10px 0 10px 0; line-height: 1.4em;}

h1,h2,h3,h4,h5,h6{color: #eee;}

.italic{font-style: italic;}

section h3{margin-top: 10px; color: #444;}

section p{color: #555;}

/*
=============================================================================
HEADER
=============================================================================
*/

#topbar{
  position: fixed; 
  z-index: 9999; 
  width:100%; 
  height: 50px; 
  padding:0px;
  background-color: #B7410E;/*rust*/
}


#header{margin:0px 0 0px 5px; padding: 4px;}
#header h2{position: absolute; top: 4px;color: #fff;}
#header h5{position: relative; top: 27px;color: #fff;}

#category-name{margin:17px 15px 0px 0px;}
#category-name h5{color: #fff;}

/*
=============================================================================
CONTENT
=============================================================================
*/

#content{margin-top: 52px; width: 100%; }

.row{padding:0; margin:0; border: 0px solid yellow; width: 100%;}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.thumbnail{max-width: 600px; margin: 0 auto;border: 0px solid blue;}

section{
border: 1px solid #ccc;
background-color: #fff;
border-radius: 5px;
margin: 15px;
padding: 15px;

}

img{width: 100%; }

ul{
margin: 0px 0 0px 20px; 
}

li{margin: 3px 0; font-size: 0.9em}

footer{margin:0;}

footer p{color: #555; font-size: 0.8em; margin: 0 15px 15px 0;}

#email-address{width: auto; vertical-align: middle;}

/*
=============================================================================
MEDIA QUERIES
=============================================================================
*/

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}



/*
=============================================================================
DROPDOWN MENU
=============================================================================
*/

.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  background-color: #B7410E;/*rust*/
  color: white;
  padding: 0px;
  margin: 0px 0 0px 0px;
  font-size: 0.9em;
  border: none;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

.hamburger-text{
  display: block;
  font-size: 10px;
}

.dropdown-content {
  display: none;
  position: absolute;
  margin: 0 0 0 0px;
  background-color: #f9f9f9;/*menu background colour*/
  /*min-width: 160px;*/
  width: 170px;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
  z-index: 9998;
}

.dropdown-content ul{list-style: none; padding: 0; margin:0;}
.dropdown-content ul li{padding: 0; margin:0;}

.dropdown-content a {
  color: #444;
  padding: 15px 16px;
  text-decoration: none;
  display: block;

}

.dropdown:hover .dropbtn {background-color: green;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content a:hover {background-color: orange; color: white;}/*menu item hover colour*/

.menu-text{
  margin-left: 5px;
}