/* Modal */
@media (min-width: 768px) {
  .modal-dialog {
    width: 90%;
   max-width:1200px;
  }
}
.imgBoxModal {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  float: left;  
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
  margin-right: 15px;
  margin-bottom: 15px;
}

.modalDescription {
  display: inline;
  text-align: justify;
  text-justify: inter-word;
}
.row {
  display: flex;
}
.modal-header h3 {
  padding: .5rem;
  text-align: center;
  margin: 0 auto; 
}
.modalDate {
  font-style: oblique;
}
.boxBlog {
  position: relative;

}
.boxBlog .imgBoxBlog {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  width: 100%;
  height: 90%;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.descriptionBlog {
  text-align: justify;
  text-justify: inter-word;
}
.descriptionBlog .viewMore{
  cursor:pointer;
  color:blue;
  margin-left: 5px;
}
.descriptionBlog .viewMore:hover{
  text-decoration:underline;
}