html
{
	margin: 0px; 
	min-height: 100vh;
}
body
{
	min-height: 100vh;
	margin: 0px;
	padding: 0px;
	background-color: white;
}
#headder
{

    height: 9vh;
    width: 66%;
    margin: auto;
    display: table;

}
#nameText
{
	font-size: 4em;
    margin: 0px;
    text-align: center;
    padding-top: 1.5%;
    font-family: 'Merriweather', serif;
}
#mainBody
{
	height: 72vh;
    /* background-color: green; */
    text-align: center;
    width: 78vw;
    margin-top: 4vh;
    margin-bottom: 4vh;
    padding-right: 10%;
    padding-left: 10%;

}
.infoContainer
{
 	/*background-color: pink;*/
    height: 49%;
    width: 26%;
    display: inline-block;

}
.infoTextContainer
{
    max-height: 45%;
    display: table;
    position: absolute;
    width: 100%;
    margin: auto;
    top: 57%;
}
.infoExampleImage
{
	max-height: 55%;
    display: -webkit-box;
    margin: auto;
    border-radius: 7%;
    max-width:100%;
}
.infoText
{
	color:black;
	font-size:2em;
	font-weight: bold;
	font-family: 'Roboto Slab', serif;
}
.signInfoWrapper
{
    width: 80%;
    position: relative;
    height: 100%;
}
#footerContainer
{
    width: 100%;
    height: 8vh;
    /*background-color: blue;*/
    display: -webkit-box;
}
#contactInfo
{
	margin: auto;
    text-align: center;
}