@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


.view {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 2px 2px 3px #e6e6e6;
   -moz-box-shadow: 2px 2px 3px #e6e6e6;
   box-shadow: 2px 2px 3px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   font-variant: small-caps;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 0px 20px 20px;
   line-height: normal;
   width: 80%;
   height: 10%;
   text-align: justify;
   text-justify: inter-word;
}

.view:hover {
   cursor: pointer;
}

.isa_info, .isa_success, .isa_warning, .isa_error {
margin: 10px 0px;
padding:12px;
 box-shadow:1px 1px 3px #888;
 width: 50%; 
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}





.akapit {

  color: #dc006c;
  display: inline-block; 
  font-size: 22px;
  text-shadow: 
      1px 1px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 800px) {
  .akapit {
    font-size: 25px; } }
@media screen and (min-width: 900px) {
  .akapit {
    font-size: 27px; } }
@media screen and (min-width: 1000px) {
  .akapit {
    font-size: 30px; } }
@media screen and (min-width: 1100px) {
  .akapit {
    font-size: 33px; } }
@media screen and (min-width: 1200px) {
  .akapit {
    font-size: 35px; } }
@media screen and (min-width: 1300px) {
  .akapit {
    font-size: 38px; } }