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


/*  middle */
.b4 {
    width: 100%;
    height: 190vh;
    /* background-color: antiquewhite; */
    padding-bottom: 7%;
}

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

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

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

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


/* view more */
.view{
    width: 100%;
    height: 3vh;
}
.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;
}