body {
    font-family: 'Open Sans', sans-serif;
}

.wrapper-bee3d {
    margin-left:auto;
    margin-right: auto;
    min-width: 200px;
    max-width: 980px;
    

}

h1 {
    color:#fcb912;
    font-weight: 800;}

.padding-text-bee3d {
   padding:20px; 
}


/* Navigation Bar */

.background-white {
    background: #fff;
    border-bottom: #aaa solid 1px;
  /*  box-shadow: 0px 2px 6px #444; */
}

#navbar-bee3d {
    height: 95px;
    position: relative;
}

#navbar-bee3d a {
    color:black;
    font-weight: 600;

}

#logo-bee3d {
    padding-bottom:0;
}

.navbar-button-bee3d {
    margin-right: -4px;
    border: 0;
    background: white;
    height: 95px;
    padding-top:5px;    
    padding-right: 20px;
    padding-left: 20px;

}


.navbar-button-bee3d:focus {
    outline:0px;
}


#button-create {border-bottom: #fcb912 solid 5px;}

#button-browse {border-bottom: #bed431 solid 5px;}

#button-needhelp {border-bottom: #60cae8 solid 5px;}

/* ----- */

#button-create:hover {background-color: #fcb912;}

#button-browse:hover {background-color: #bed431;}

#button-needhelp:hover {background-color: #60cae8;}

/* ----- */

#button-create:active {background-color: #fcb912;}

#button-browse:active {background-color: #bed431;}

#button-needhelp:active {background-color: #60cae8;}





#socialnav-bee3d {
    position: absolute;
    right:0px;
    top:30px;
}

#socialnav-bee3d img {
    margin-left:5px;
}


/* Button Bee3D */


.button-bee3d {
    font-weight: 800;
    border:0;
    border-radius: 5px;
    text-transform:uppercase;
    background-color: #fcb912;
    color:white;
    height:45px;
    width: 168px;
    box-shadow: 0px 2px 1px #fa9305;
}

.button-bee3d:hover {
    background-color:#fa9305;
    box-shadow: 0px 2px 1px #fa9305;
    }

.button-bee3d:focus {
    outline: 0;
    background-color:#fa9305;
    box-shadow: 0px 2px 1px #c87400;
    }



/* Content */

#content-browse-bee3d {
    margin-top:123px;
    margin-left:auto;
    margin-right: 0;
    max-width: 788px;
    
}

/* Footer */

.panel-footer{
    border-top: #aaa solid 1px;
    position: relative;
    bottom:0px;
    background-color: #fcb912;
    height:60px;
    color:black;
    font-weight: 600; 
}

.panel-footer a{
    color: black; 
}

.panel-footer .wrapper-bee3d {
  position: relative;
  top: 35%;

}

#left-footer-bee3d {
    position: absolute;
    left:0;
    top:auto;
    bottom: auto;

}

#right-footer-bee3d {
    position: absolute;
    right:0px;
    top:-6px;

}

#right-footer-bee3d img {
    margin-left:5px;
}