body {
  font-family: font-family:"Roboto Condensed",Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size: 18px;
  border-right: none;
  margin: 0;
  padding: 0;
}

loggedin {
	background-color: #838485;
	font-family:Arial;
}
.content {
	width: 95%;
	margin: 0 auto;
	font-size: 18px;
}
.content h2 {
	margin: 0px;
	padding: 25px 0;
	font-size: 22px;
	border-bottom: 1px solid #e0e0e3;
	color: #4a536e;
}
.content > p, .content > div {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	margin: 25px 0;
	padding: 25px;
	background-color: #fff;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 730px) {
  .column {
    width: 100%;
  }
}

#gridview {
   text-align:center; 
}

div.imgView {
    margin: 10px;
    display: inline-block;
}

div.imgView img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
	object-fit: cover;
}

div.imgView img:hover {
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.32), 0 0 0 0px rgba(0,0,0,0.16);
}

div.imgView li {
    list-style-type: none;
}

.heading{    
    padding: 10px 10px;
    border-radius: 2px;
    color: #FFF;
    background: #cc3333;
    margin-bottom:10px;
    font-size: 1.5em;
}

#grid{
    margin-bottom:30px;
}

/* Responsive Styles */

@media screen and (min-width: 1224px) {
    div.imgView {
        width: 300px;
    }
}

@media screen and (min-width: 1044px) and (max-width: 1224px) {
    div.imgView {
        width: 250px;
    }
}

@media screen and (min-width: 730px) and (max-width: 1044px) {
    div.imgView {
        width: 200px;
    }
}

footer.page-footer {
  bottom: 0;
  background-color: #212529;
  color: #fff; }
  footer.page-footer .container-fluid {
    width: auto; }
  footer.page-footer .footer-copyright {
    overflow: hidden;
    color: #fff;
    background-color: #000; }
  footer.page-footer a {
    color: #fff; }