* {
  box-sizing: border-box;
}

html,body {
    height: 100%;
    min-height: 100%;
    margin: 0px;
}

body {
    background-repeat: repeat;
    background-size: auto;
    background-image: url("bg-normal.jpg");
    background-color: #ABA486;
}

a{
	color: black;
	text-decoration: none;
}



.freeboard {
    width: 100%;
    background-color: #FFFFFF;
    padding: 7px;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    overflow-y: scroll;
    text-align: center;
    margin-top: 42px;

    
}



.link {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 87%;
    font-weight: bold;
    margin-top: 17px;
}

.link a {
    display: block;
    color: #FFFFFF;
    background-color: #000000;
    padding: 27px;
     border-radius: 7px;
}

.link a:hover {
    background-color: #FFFFFF;
    color: #000000;
}
.close {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 87%;
    margin-top: 17px;
}
.close a {
    display: block;
    color: #FFFFFF;
    background-color: #666666;
    padding: 27px;
     border-radius: 7px;
}

.close a:hover {
    background-color: #FFFFFF;
    color: #000000;
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  .freeboard, .link, .close, .boxbas {
    width: 100%;
  }
    
}