.text{
    background-color:white; 
    opacity: 50%;
    width:70%
}
a{
    color: black
}


a.servad {
    background: url(servad.jpg);
	display: block;
    height: 455px;
    width: 312px;
   }
 a.servad:hover {
    background: url(badrom.jpg);
	display: block;
    height: 455px;
    width: 312px;
   }

   a.ptic {
    background: url(pticgo.jpg);
	display: block;
    height: 455px;
    width: 312px;
   }
 a.ptic:hover {
    background: url(pticstay.jpg);
	display: block;
    height: 455px;
    width: 312px;
   }


   a.other {
    background: url(serovolk.jpg);
	display: block;
    height: 455px;
    width: 312px;
   }
 a.other:hover {
    background: url(dracovolk.jpg);
	display: block;
    height: 455px;
    width: 312px;
   }

   a.other:active {
    background: url(dracoms.jpg);
	display: block;
    height: 455px;
    width: 312px;
   }
   p.link{
       font-size:25px;
       color:white
   }