body{
	background-color: #d9d9d9;
}

header{
	font-family: "Courier New", Courier, monospace;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 50%;
	font-size: 45px;
}

footer{
	font-family: "Courier New", Courier, monospace;
	padding-top: 20px;
	text-align: center;
}

a {
	text-decoration: none;
}

table{
    margin-left: auto;
    margin-right: auto;
}

td{
    padding-left: 5px;
    padding-right: 5px;
}

#popover-container{ 
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:5;
    width:100%;
    height:100%;
    display:none;
} 

.popover { 
    height:405px;
    width:360px;
    margin:0 auto;
    position:relative;
    z-index:10;
    background-color: #d9d9d9;
    border:5px solid #cccccc;
    border-radius:10px; 
    text-align: center;
    top: 25%;
}

.popover p{
    margin-top: 10px;
    margin-bottom: 10px;
}

#about{
    display: none;
}

#why{
    display: none;
}

#logo{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 50%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#logo img{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#social_wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

.icon{
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
}

.title{
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    font-size: 40px;
}

//images

#panda{
	width: 150px;
}
.sIcon{
	width: 75px;
}