div {
float: left;
/*border-radius: 30px;*/
}


#container{
background-color:white;
width:80%;
/*height:600px;*/
margin-left:10%; 
clear: both;
height:1000px;
}

.title{
width:50%;
background-color:white;
clear:both;
margin-top: 6px;
margin-bottom: 6px;
margin-left:25%;
text-align:center;
font-size:24pt;
font-family:Georgia;
}

.headerofmenus{
width:100%;
background-color:white;
clear:both;
margin-top: 6px;
margin-bottom: 6px;
}

.submenu{
width:24.5%;
/*padding-left:3%;  */
text-align: center;
background:pink;
margin-right: .5%;
font-family:Georgia;
font-size:12pt;
color:black;
}

.contentholder {
height:600px;
width:100%;
background-color:white; 
font-family:Georgia;
font-size:24pt;
}

h1{
text-align:center;
font-family:Georgia;
font-size:18pt;
}

p{
text-align:center;
font-family:Georgia;
font-size:14pt;
color:black;
}

.words{
text-align:center;
font-family:Georgia;
font-size:14pt;
color:black;
padding:5%;
}

.imgs-words {
position: relative;
text-align: center;
color: white;
}

.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family:Georgia;
}

a{
color:black;
}

.square {
width:300px;
height:200px;
background-color:tomato;
margin-right: .5%;
margin-bottom: .5%;
clear:both;
font-size:18pt;
font-family:arial;
text-align: center;
padding-top:5%;
}

#qDiv {
height: 100px;
width:600px;
background-color:orange;
/*color:white;*/
}

#qParent {
width:600px;
position: fixed;
z-index: 1;
margin-top: 200px;
margin-left: 400px;
background-color: pink;
}

#buttonDiv {
height: 50px;
width: 600px;
background-color: orange;
}