.card{
box-shadow: 0 0 30px rgba(0,0,0,5);
overflow: hidden;
border-radius:15px;
}

.card-img-background{
height:270px;
border-top-right-radius:15px;
border-top-left-radius: 15px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width:100%; 
background-size:cover;
}

.card-img-logo{
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
z-index:1;
width:140px;
height:140px;
border-radius: 50%;
border: 7px solid #fff;
margin-top:-80px;
background-size:cover;
}

.card:hover .card-img-logo{
border-color:#CBC4C4;
transition:0,5s;
}

.card-title{
font-family: "Libre Baskerville";
text-align: center;
padding-top:16px;
}

.card-text{
font-family: "Libre Baskerville";
text-align: left;
padding-left:10px;
padding-top:10px;
min-height:300px;

}


.text_diamond{
background-size: cover;
display:block;
overflow:auto;
-webkit-clip-path: polygon(0% 70%,0% 30%, 50% 0%,100% 30%,100% 70%, 50% 100%);
background-attachment: fixed;
padding-top:40px;
padding-bottom:90px;
text-align: center;
background-color:#a0a0a0;
}


.svg_box{
background-size: cover;
height:200px;
-webkit-clip-path: polygon(0% 70%,0% 30%, 50% 0%,100% 30%,100% 70%, 50% 100%);
background-attachment: fixed;
padding:50px;
text-align: center;
}

.svg_arrow_up{
background-size: cover;
height:50px;
-webkit-clip-path: polygon(30% 30%,70% 30%,100% 100%, 0% 100%);
background-attachment: fixed;
padding:5px;
text-align: center;
background-color: #efefef;;
}

.svg_arrow_down{
background-size: cover;
height:50px;
-webkit-clip-path: polygon(0% 0%,100% 0%, 70% 70%, 30% 70%);
background-attachment: fixed;
padding:5px;
text-align: center;
background-color: #efefef;;
}

#logopage{
width:100%;
height:60%;
background-image: url("../Pictures/Background.jpg");
background-size: 100% 100%;
margin-bottom:0px;
}

.logo_text{
padding:24% 0px 0px 0px;
color: #f1ecec;
font-size:55px;
font-family: "Libre Baskerville";
font-weight: 200;
-webkit-text-stroke: 1px rgb(110, 94, 94);
}

#aboutpage{
padding:0%;
width:100%;
height:30%;
background-image: url("../Pictures/Canvas.png");
background-size: 100% 100%;
margin-bottom:0px;
}

#contactpage{
padding:0%;
width:100%;
height:40%;
background-image: url("../Pictures/Postbox.jpg");
background-size: 100% 100%;
margin-bottom:0px;
}

#whiteSection{
padding:1%;
width:100%;
min-height: 70px;
overflow:auto;
background-color: white;
font-family: "Libre Baskerville";
}

.Envelope_img{
    padding-top: 20px;
    height:110px;
    width:170px;
    background-position: center;
    background-image: url("../Pictures/Envelope.png");
    background-size:cover;
    border-radius: 0%;
    border: #545760 3px;
    background-position: center;
    background-repeat: no-repeat;
    }

.round_img{
    height:250px;
    width:250px;
    background-color: grey;
    background-position: center;
    background-image: url("../Pictures/Unknown_person.png");
    background-size:cover;
    border-radius: 50%;
    border: #545760 3px double;
    background-position: center;
    background-repeat: no-repeat;
}


.abouthebuilding_text{
    padding:6px 0px 0px 0px;
    color: #494444;
    font-size:18px;
    font-family: "Libre Baskerville";
    font-weight: 200;
}

#greySection{
padding-left:15px;
padding-top:15px;
width:100%;
overflow: auto;
background-size: 100% 100%;
background-color: #efefef;
font-family: "Libre Baskerville";
}

#greySection ul li{
 list-style:none;
}