div {
float: left;
clear: both;
}

#container {
background-color: pink;
margin-bottom: 40pc;
width: 80%;
margin-left: 10%;
float: left;
border-radius: 1vh;
}

#fixedmenu {
width: 94%;
margin-top: 1vh;
margin-left: 2.5%;
background-color: rgb(255, 221, 233);
float: left;
clear: none;
position: fixed;
z-index: 0;
border-radius: 9px;
}

.menubox {
background-color: white;
color: black;
font-size: 22pt;
text-align: center;
float: left;
clear: none;

margin: 2vw ;
width: 16vw;

border-radius: 10px;
}



.titlebox {
margin-top: 10%;
margin-left: 20%;
font-size: 32pt;
text-align: center;
clear: both;
float: left;
width: 90%;
margin-left: 5%;
background-color: rgb(255, 221, 233);
border-radius: 10px;
padding-top: 1%;
padding-bottom: 1%;
}

.maintext {
text-align: center;
font-size: 18pt;
background-color: rgb(255, 221, 233);
clear: both;
float: left;

width: 70%;
padding-left: 10%;
padding-right: 10%;
margin-left: 5%;
margin-top: 5%;


margin-bottom: 25px;
padding-top: 2vh;
padding-bottom: 1vh;

border-radius: 10px;
}

.contentholder {
background-color: pink;
clear: both;
float: left;
width: 95%;
margin-left: 2.5%;
margin-top: 2vh;
margin-bottom: 25px;
}

/* style images to be  */
.pictureframe img {
width: 45%;
margin-left: 2.5%;
float: left;
clear: none;
margin-bottom: 2vh;
}


.pictureframe {
/*always grows to fit child objects*/
/*height: 100px;*/
float: left;
clear: both;
/*background-color: gray;*/
}

/*gallery start*/
.gallerytext {
text-align: center;
font-size: 18pt;
background-color: rgb(255, 221, 233);
clear: both;
float: left;

width: 70%;
padding-left: 10%;
padding-right: 10%;
margin-left: 5%;

margin-bottom: 25px;
padding-top: 2vh;
padding-bottom: 1vh;

border-radius: 10px;
}