body {
    color: black;
}
h1 {
    color: black;
    font-size: 48pt;
    font-family: 'pixelifysans';
}

ul {
    padding: 0;
}
li {
    color: black;
    list-style: none;
}

.main-body-1 {
    max-width: 1600px;
    width: 80%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    /*background-color: #747474c7;*/
    /*background-image: url("../images/mainimages/backgroundTex4.JPG");*/
    min-height: 1000px;
    min-width: 1200px;
}


div#frame {
    background: url(/images/other/cork-board.webp) no-repeat;
    background-size: 100%;
    width: 800px;
    height: 600px;
    padding-top: 35px;
    padding-left: 35px;margin: auto;
}

.note {
    width: 180px;
    height: 180px;
    box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    display: inline-block;
    margin: 8px;
    border: 1px solid rgba(0,0,0,.25);
    vertical-align: top;
}
 
.sticky1 {
    transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -moz-transform: rotate(-3.5deg);
    background-color: #CBFAFA;
}

.sticky2 {
    transform: rotate(2.5deg);
    -webkit-transform: rotate(2.5deg);
    -moz-transform: rotate(2.5deg);
    background-color: #79DD5A;
}

.sticky3 {
    transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    background-color: #d558ee;
}

div#frame a:hover.note {
    border: 1px solid rgba(0,0,0,.75);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.photo {
    width: auto;
    height: auto;
    padding: 10px 10px 20px;
    background-color: white;
    display: inline-block;
    box-shadow: 0 3px 6px rgba(0,0,0,.75);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.75);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.75);
    text-decoration: none;
	color: #333;
    text-align: center;
}

.polaroid1 {
    -webkit-transform: rotate(-2deg);
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transform: rotate(-2deg);
}

.polaroid2 {
    -webkit-transform: rotate(-4deg);
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transform: rotate(-4deg);
}

.polaroid3 {
    -webkit-transform: rotate(2deg);
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transform: rotate(2deg);
}

.photo::after {
    content: attr(title);
    font-size: 16pt;
    display: block;
}

.photo img {
    width: 130px;
    height: 130px;
    border: 1px solid black;
}

.photo:hover {
    border: 1px solid rgba(0,0,0,.75);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.pillow-footer {
    position: relative;
    top: -30%;
}

.bed-footer {
    width: 100%;
    min-height: 890px;
    background-image: url("/images/other/bed_med.png");
    background-size: cover;
    background-position: top;
}