.arrow{
   
   color:#ccc;
    font-weight:400;
    display: block;
    
    text-align: center;
    width: 80px;
    position: absolute;
    bottom: 20%;
    margin-left: -30px;
    left: 50%;
    z-index: 0;
}


/*div,p,img,nav*/
-li{
border:1px solid #ccc;
}
.MeProfilePicture{
float:left;
width:140px;
border-radius:400px/400px;
margin-right:6em;
}

.grid_7{
margin-left:9em!important;
margin-top:11em!important;
}

.NameHeader{margin-top:10px !important;
float:left;
}
p.PHeader{
color:#27ae60;
color:rgb(45,45,45);
font-size:16px;
}
h3.h2{
margin-top:30px;
color:#ccc;
font-weight:500;
font-size:20px;
line-height:1,8em;
margin-bottom:15em;
}

h1.h1center{
text-align:center;
margin-bottom:2em;
margin-top:-0em;
}


@media screen and (max-width:730px) {
.arrow{
   display:none;
   }


.MeProfilePicture{
   margin:auto;margin-left:35%;
width:30%;padding:0.5%;margin-bottom:0em;
background:#ccc;;
}
h1.h1center{
text-align:center;
margin-bottom:1em;
margin-top:-0em;
line-height:1em!important;

}

h3.h2{

-color:#2d2d2d;

color:#ccc;
background:none;
font-weight:500;
font-size:20px;
line-height:1,8em;
text-align:center;
border-bottom:none;
padding-bottom:2.9em;
}
.mobiletext{
padding-top:em;


border-top:none;
position:relative;
overflow:hidden;
height:11em;
background:none;
width:100%;
margin-bottom:-16em;

}
.grid_7{
margin-left:0%!important;
margin-right:0%!important;
margin-top:2em!important;
}
}
