.subject {

    width: 100%;
    height: 200px;
    background-color: #3C0000;
}

.subject h1 {
    color: white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 30px;
    text-align: center;
    padding-top: 5%;


}

.pagerout {

    margin-left: 10px;
}

.box img {
    width: 100%;
    height: 250px;
}

.box h1 a {
    text-decoration: none;
    color: #0072BC;
    margin: auto;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-left: 10%;
    text-transform: capitalize;

}


.box p a {
    text-decoration: none;
    color: #EF4123;
    margin: auto;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-left: 10%;
    text-transform: capitalize;

}
.box h1 a:hover {
    color: blue;
}

.star {

    margin-top: 5px;
    margin-left: 10%;
    margin-bottom: 5%;
}

.pagerout {

    margin-bottom: 5px;
}


.pagerout a {
    text-decoration: none;
    color: #D1D3D4;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    
}

.pagerout .currentpage {

    color: white;
    font-weight: bold;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    
}

/* media query............/// */

@media (max-width: 900px) {


    .subject h1 {
        padding-top: 18%;

    }


}