main {
    background:url("img/foto3.webp");    
    background-repeat: no-repeat;
    background-attachment: fixed;  
    background-size: cover;
}

main h1 {
    margin-top: 120px; 
    color: white;
}
#treneri{
    text-align: center;
    font-size: 40px;
}

#trenujem{
    text-align: center;
    font-size: 24px;
}

#ptr {
    margin-left: 55%;
    margin-top: 170px;
    color: white;
    font-size: 26px;
}

#ptn {
    margin-left: 22%;
    margin-top: 210px;
    color: white;
    font-size: 26px;
}

/*#mr {
    margin-left: 55%;
    margin-top: 210px;
    color: white;
    font-size: 26px;
} */

#mt {
    margin-left: 55%;
    margin-top: 220px;
    color: white;
    font-size: 26px;
}

#jj {
    margin-left: 22%;
    margin-top: 210px;
    color: white;
    font-size: 26px;
}

#Ms {
    margin-left: 55%;
    margin-top: 230px;
    color: white;
    font-size: 26px;
}

#pd {
    margin-left: 22%;
    margin-top: 220px;
    color: white;
    font-size: 26px;
}


#vr {
    margin-left: 55%;
    margin-top: 230px;
    color: white;
    font-size: 26px;
}

main p {
    text-align: center;
}

.mapa {
    margin-bottom: 10px;
    width: 98%;
}

/*OBRAZKY*/

#trener {
    float: left;
    margin-left: 22%;
    margin-top: 75px;
}

#trener2 {
    float: right;
    margin-right: 20%;
    margin-top: 70px;
}

@media ALL and (max-width: 700px){
    main {
        background:url("img/foto3.webp");  
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 83%;
    }
    main h1{
        margin-top: 10px;
    }
    .mapa {
        width: 100%;
        height: 250px;
        margin-bottom: -5px;
    }
    #trener {
        height: 150px;
        margin-left: 10%;
        margin-top: 20px;
    }
    #trener2 {
        height: 150px;
        margin-right: 10%;
        margin-top: 20px;
    }
    #ptr {
        font-size: 10px;
        margin-top: 50px;
        margin-right: 5px;
    }
    #ptn {
        font-size: 10px;
        margin-top: 70px;
        margin-left: 10%; 
    }
   /* #mr {
        font-size: 10px;
        margin-top: 70px;
    } */
    
    #mt {
        font-size: 10px;
        margin-top: 70px;
    }  

    #jj {
        font-size: 10px;
        margin-top: 50px;
        margin-left: 10%;
    }

    #Ms {
        font-size: 10px;
        margin-top: 70px;
    } 

     #pd {
        font-size: 10px;
        margin-top: 70px;
        margin-left: 10%; 
    }
    #vr {
        font-size: 10px;
        margin-top: 70px;  
        margin-left: 50%; 
    }
    #treneri{
        font-size: 10px;
    }
    #trenujem{      
        font-size: 10px;
    }
 }