@media screen and (min-width:1410px){
    img[alt="Petar"] {
        width: 230px;
        height: 230px;
        border: 11.5px solid #122936;
    }
    .name {
        font-size: 55px;
        border-radius: 21px;
        padding: 5px 35px 5px 35px;
    }
    .work {
        font-size: 45px;
        border-radius: 17px;
        padding: 5px 15px 5px 15px;
    }
    .ikonica i {
        font-size: 24px;
    }
}
@media screen and (min-width:1617px){
    
    .wrapper {
        width: 1600px;
        margin: auto auto;
    }
    img[alt="Petar"] {
        width: 250px;
        height: 250px;
        border: 13px solid #122936;
    }
    .naslov {
        margin-top: 68px;
        margin-right: 75px;
    }
    .name{
        font-size: 60px;
        padding: 6px 38px 6px 38px;
        border-radius: 22px;
    }
    .work{
        font-size: 48px;
        padding: 6px 19px 6px 19px;
        border-radius: 18.5px
    }
    #loader-container {
        width: 250px;
        height: 250px;
    }
    .ikonica i {
        z-index: 100;
        color: #fff;
        font-size: 26px;
    }
    .loader-div {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        border: 10px solid #162534;
        border-top: 10px solid #0099ff;
    }

    
}
@media screen and (max-width:1230px){
    img[alt="Petar"] {
        width: 175px;
        height: 175px;
     }
     .name {
        font-size: 45px;
    }
    .work {
        font-size: 34px;
    }
}
@media screen and (max-width:1130px){
    img[alt="Petar"] {
        width: 165px;
        height: 165px;
        border: 8px solid #122936;
    }
    .name {
        font-size: 39px;
    }
    .work {  
        font-size: 32px;
    }
    .ikonica i {
        font-size: 19px;
    }
}
@media screen and (max-width: 975px){
    img[alt="Petar"] {
        width: 150px;
        height: 150px;
        border: 8px solid #122936;
    }
    .name {
        font-size: 35px;
        padding: 5px 27px;
    }
    .work {
        font-size: 29px;
        padding: 5px 13px;
    }
    .ikonica i {
        font-size: 17px;
    }
}
@media screen and (max-width:850px) and (min-width: 665px){
    img[alt="Petar"] {
        width: 130px;
        height: 130px;
        border: 7px solid #122936;
    }
    .name {
        font-size: 30px;
        padding: 4px 23px 4px 23px;
    }
    .work {
        font-size: 22px;
        padding: 5px 15px 5px 15px;
    }
    .ikonica i {
        font-size: 15px;
    }
}
@media screen and (max-width:664px){
    .wrapper{
        justify-content: flex-start;
    }
    header {
        flex-direction: column;
        align-items: center;
    }
    img[alt="Petar"] {
        margin: 0 0;
    }
    .ikonica i {
        font-size: 18px;
    }
    .naslov{
        margin-right: 0;
    }
}
@media screen and (max-width:520px){
    header {
        margin-bottom: 25px;
    }
    img[alt="Petar"] {
        width: 138px;
        height: 138px;
    }
    .name {
        font-size: 32px;
        padding: 5px 25px;
    }
    .work {
        font-size: 23px;
        padding: 5px 13px;
    }
    .naslov{
        margin-top: 30px;
    }
    .ikonica i {
        font-size: 16px;
    }
}

/* TELEFONI */

@media screen and (max-width: 412px){
    .work {
        font-size: 22px;
    }
}
@media screen and (max-width:400px){
    .work {
        font-size: 21px;
    }
}
@media screen and (max-width:385px){
    .work {
        font-size: 20px;
    }
    .name {
        font-size: 30px;
        padding: 5px 24px;
    }
    .ikonica i {
        font-size: 15px;
        margin-right: 10px;
    }
}
@media screen and (max-width:370px){
    .work {
        font-size: 19px;
    }
    .name {
        font-size: 29px;
        padding: 5px 22px;
    }
}
@media screen and (max-width:355px){
    .work {
        font-size: 18px;
    }
    .name {
        font-size: 28px;
    }
    .ikonica i {
        font-size: 15px;
    }
}
@media screen and (max-width:340px){
    .work {
        font-size: 17px;
    }
    .name {
        font-size: 27px;
    }
    img[alt="Petar"] {
        width: 130px;
        height: 130px;
    }
}
@media screen and (max-width:326px){
    .work {
        font-size: 16px;
    }
    .name {
        font-size: 26px;
    }
    .ikonica i {
        font-size: 14px;
    }
}
@media screen and (max-width:312px){
    .work {
        font-size: 15px;
    }
    .name {
        font-size: 25px;
    }
    .ikonica i {
        font-size: 13px;
    }
}