div{
float: left;
clear: both;	
}


img{
width: 80%;
margin-left: 5%;
float: left;
clear: none;
}



#container {
background-color: lightblue;
/*height: 1200px;*/
/* removed height  */
min-height: 900px;
margin-bottom: 10px;
padding-bottom: 50px;
width: 100%;
}

.mheader {
width: 90%;
margin-left: 5%;
background-color: royalblue;
/*height: 7vh;*/
clear: none;
/* specific rule, followed */


}


.mbox {
font-size: 3vh;
padding-top: 1vh;
padding-left: 5px;
padding-right: 5px;
background-color: royalblue;
margin: 10px;
margin-left: 20vh;
clear: none;
border-radius: 10px;
/* specific clear value!  */
}

.mbox:hover{
background-color: pink;
}


.dualbox {
margin-top: 2vh;
margin-left: 19vh;
margin-right: -7vh;
padding-top: 2vh;
padding-left: 5vh;
padding-bottom: 2vh;
width: 35vw;
background-color: pink;
/*height: 30vh;*/
border-radius: 10px;
clear: none;
min-height: 20vh;
font-size: 5vh;
}


/*.m1 {
padding-bottom: 2vh;
}*/

.dualbox2{
margin-top: 10vh;
margin-left: 18vw;
margin-right: 16vh;
padding-top: 4vh;
padding-left: 10vh;
padding-right: 10vh;
padding-bottom: 4vh;

background-color: pink;
/*height: 30vh;*/
border-radius: 10px;
clear: none;
font-size: 3vh;
}

/* above are used on index  below is use on page 2 akaa facts page */


.stackbox {
margin-top: 6vh;
margin-left: 9vh;
padding-top: 3vh;
padding-left: 2vh;
padding-bottom: 3vh;
padding-right: 2vh;
background-color: pink;
border-radius: 10px;
clear: both;
font-size: 3vh;
}

.s1 {
width: 10vw;
}


.s2 {
width: 40vw;
}


.img {
margin-top: -31vh;
margin-right: 14vh;
padding-top: 2vh;
padding-left: 2vh;
padding-bottom: 2vh;
width: 35vw;
background-color: pink;
/*height: 30vh;*/
border-radius: 10px;
clear: none;
float: right;
}

.img2 {
margin-top: -18vh;
margin-right: 14vh;
padding-top: 2vh;
padding-left: 2vh;
padding-bottom: 2vh;
width: 35vw;
background-color: pink;
/*height: 30vh;*/
border-radius: 10px;
clear: none;
float: right;
}

.sepbox {
padding-top: 1vh;
padding-left: 1vh;
padding-bottom: 1vh;
padding-right: 1vh;
background-color: pink;
border-radius: 10px;
margin-top: 5vh;
margin-left: 9vh;
}

/*above used for facts page*/

.stackboxv2 {
margin-top: 6vh;
margin-left: 9vh;
padding-top: 3vh;
padding-left: 2vh;
padding-bottom: 3vh;
padding-right: 2vh;
background-color: pink;
border-radius: 10px;
clear: both;
font-size: 3vh;
}

.ss1 {
width: 20vw;
}


.ss2 {
width: 40vw;
}

.st2 {
margin-top: 12vh;
}

.iimg {
margin-top: -9vh;
margin-right: 14vh;
padding-top: 2vh;
padding-bottom: 2vh;
padding-left: 2vh;
width: 36vw;
background-color: pink;
/*height: 30vh;*/
border-radius: 10px;
clear: none;
float: right;
}

.i2{
	margin-top: 6vh;
}

.sepbox2 {
padding-top: 1vh;
padding-left: 1vh;
padding-bottom: 1vh;
padding-right: 1vh;
background-color: pink;
border-radius: 10px;
margin-top: 5vh;
margin-left: 9vh;
}

/*above used for interesting page*/

.credits {
margin-top: 6vh;
margin-left: 9vh;
padding-top: 3vh;
padding-left: 2vh;
padding-bottom: 3vh;
padding-right: 2vh;
background-color: pink;
border-radius: 10px;
clear: both;
font-size: 3vh;
}

/* names of class and id should be clear or have comments */

.t1 {
padding-top: 1vh;
padding-left: 1vh;
padding-bottom: 1vh;
padding-right: 1vh;
background-color: pink;
border-radius: 10px;
margin-top: 5vh;
margin-left: 9vh;
}