h3
{
   font-weight: 400;
   font-size: 220%;
}
.gora2
{
    margin-top: 15%;

}
.gora2 a
{
    display: block;
    width: 40%;
    color: rgb(40, 118, 213);
    border: 1px solid rgba(52, 52, 179, 0.3);
    border-radius: 10px;
    text-align: center;
    padding: 3px;
    float:right;
    margin-right: 2%;
   
    
}
.photo_2
{
    width: 50%;
    height: auto;
    border-radius: 30px;
    margin-left: 25%;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.photo_5
{
    cursor: pointer;
    transition: transform 0.3s ease;
}
.photo_6
{
    width: 70%;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.photo_6:hover
{
    transform: scale(1.05); 
}
.photo_5:hover
{
    transform: scale(1.05); 
}
.photo_2:hover
{
    transform: scale(1.05); 
}
.gora2 a:hover
{
    background-color: rgb(100, 108, 134);
    color: white;
    text-decoration: none;
}
  

@media (max-width: 991.98px) {

    .gora2
    {
    margin-top: 32%;
    }
    .gora2 a
    {
       width: 100%;
       margin-top: 3%;
       margin-left: 3%;
       margin-bottom: 5%;
    }
    .photo_2
    {
       width: 80%;
       margin-left: 10%;
    }
    .photo_6
    {
        width: 80%;
        cursor: pointer;
        transition: transform 0.3s ease;
    }

}