/*To ensure the layout displays properly in different browsers*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*Prevents the browser from introducing any margin or padding*/
* {
  margin: 0;
  padding: 0;
}

/*A temporary border to help with the layout of site*/
* {
 /* border: dashed thin;*/
}

/*The attributes for the body element of the document*/
* {
    font-family: "Georgia", "Times New Roman", serif;
}

.header{
  background-color: #3c3939;
}

#head3 {
    color: #ffffcc;
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 26px;
    font-weight: 580;
    text-align: center;
}

#menu{
 background-color: #3c3939; 
}

/*Makes the banner responsive*/
.responsive {
    width : 100%;  or max-width : 100% 
    height: auto; 
}

/*Creates the attributes for the footer and fixes it 
at the bottom of the content*/
footer {
  position: relative;
  height: 110px;
  width: 100%;
  background-color: #3c3939;
  border-top: 1px solid #ffffcc;
  clear: both;
}
#footer_center{
  width: 80%;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px dotted #ffffcc;
}
#contact{
  width: 47%;
  height: 100%;
  float: left;
  padding-top: 20px;
  text-align: center;
  color: #ffffcc;
  border-right: 1px dotted #ffffcc;

}
#home{
  width: 47%;
  height: 100%;
  float: right;
  padding-top: 20px;
  text-align: center;
  color: #ffffcc;
  border-left: 1px dotted #ffffcc;
}


/*Hides the backtotop link in larger screens*/
#backtotop
{
  display: none;
}