#imgPrinc{
    display: flex ;
    justify-content: center;
    margin: 2%;
    border-radius: 10px;
}

#text{
background-color: rgba(59, 59, 59, 0.2);
width: 75%;
text-align: center;
border-radius: 10px;
padding: 2%;
margin: 0 auto;

}

header{
    margin-bottom: 2%;
}

#vid{
    margin: 3%;
    display: flex;
    justify-content: center;
}

/*footerpart*/

footer{
    display: flex;
    width: 100%;
    background-color: rgba(59, 59, 59, 0.2);
    height: 2em;
}

footer div{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.contentFooter{
   margin-left: 2%;
   margin-right: 2%;
}

#pfooter{
    display: flex;
    align-items: center;
}


@media screen and (max-width:640px){
#imgPrinc{
    width: 300px;
    height: 300px;
    max-width: 100%;
    margin: 0 auto;
}
#text{
    margin: 0 auto;

}