* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
.image{
    width: 100%;
    height:100%;
    /* background-color:blue; */
}
.image p{
    font-size: 20px;
    padding-top: 25%;
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.image img{
    width: 50%;
    height: 100%;
    float: left;

}


/*  middle */
.b3 {
    width: 100%;
    height: 240vh;
    /* background-color: antiquewhite; */
    padding-top: 1.5%;
}

.brap3 {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    transition: 1s;
}
.content3:hover{
    transform: scale(1.1);
    z-index: 2;
}
.content3 img {
    width: 100%;
    height: 50vh;
}

.content3 {
    /* background: linear-gradient(to bottom, rgb(216, 211, 211), white); */
    padding: 10px;
}

.content3 h1 {
    text-align: center;
    font-size: 20px;
}

.content3 p {
    text-align: center;
    font-size: 20px;
}



/* view more */

.view{
    width: 100%;
    height: 5vh;
}
.viewrap{
        width: 10%;
        margin: auto;
        font-size: 20px;
        padding: 10px;
        font-style: italic;
        font-family: Arial, Helvetica, sans-serif;
        /* padding-left: 10%;
        padding-right: 10%; */
       text-align: center;
}

.viewrap p:hover{

    border: 2px solid black;
    color: red;
}