#head {
width: 100%;
height: 100px;
left: 0px;
top: 0px;
}

#B_line1 {
position:absolute;
top: 25px;
left: 0px;
width: 100%;
height: 50px;
}

#logo_text {
position:absolute;
left: 8%;
width: 90%;
}

#logo {
top: 10px;
float: left;
}


#logotext {
padding-left: 30px;
padding-top: 10px;
float: left;

}

#demotext {
padding-left: 30px;
padding-top: 10px;
right: 5%;
float: right;

}

.MPLCtext {
color: White;
font-size:22px;
}


#DEMO {
position:absolute;
background:white;
margin: 15% auto;
margin-top: 0%;
}

a {
text-decoration: none;
color: black;
font-size: 25px;
face: Arial;
}

.ap {
display: block;
padding: 10px;
height: 210px;
width: 230px;

box-shadow: 0 7px 20px black;
border-radius: 5px 5px;
}

.proj {

margin-left: 2%;
margin-top: 2%;
background: white;
float: left;
}

.p_name {
text-align: left;
font-size: 23px;
color: gray;
margin-bottom: 10px;
}

.ap:hover {
box-shadow: 0 7px 20px navy;
}

.ap:hover .p_name{
color: navy;
}

p.copy{ 
line-height: 1.2;
font-size: 15px;
}