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

body {margin:0;font-family: 'Open Sans', sans-serif;
    background-color: #ffffff; margin:0;    font-size: 14px;
    line-height: 1.42857143;
    color: #333;}


a {color:#37a067; text-decoration:none;}
a:hover {color:#0087be; text-decoration:underline;}

.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:hover:active {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background-color: #58ba2b;
    border-color: #58ba2b;
    border-width: 2px;
    border-radius: 2px;
    padding: 8px 50px;
    text-transform: uppercase;
    margin: 25px 0;
}


.hr {border-bottom:1px solid #d5d5d5; height:1px;}
.header {background-color:#363636; width:100%; left:0; position:fixed; padding:10px 0;}

.footer {background-color: #f1f1f1;
    width: 100%;
    position: absolute;
    left: 0;padding:50px 0;
	height:300px;
}

.footer h3 {font-size:24px; font-weight:400; padding:0 0 10px 0; margin:0;}


ul.footer-content {list-style-type:none; font-size:14px;}
ul.footer-content li a {line-height:30px;}

.middle-container {background-color:#fff; padding:15px 25px; margin:10px 0 0 0;}

h1.head-bar {font-size:26px; font-weight:500; padding:0; margin:0; border-bottom:1px solid #ccc;}
.spacer-internal {height:45px;}

p {font-size:14px;}

.dropbtn {
    background:none;
    color: #fff;
    padding: 0px;
	margin:0 0 0 0;
    font-size: 14px;
	font-weight:700;
    border: none;
    cursor: pointer;
	text-transform:uppercase;
}


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;    margin: 0 0px 0 0; padding:0 25px;}


.dropdown a{color:#fff;}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 175px;
	text-align:left;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display:block;
	
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color:none;
}


.footer-container {

}

.footer-container a {font-weight:300; font-size:14px;}

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }
