@media all and (max-width: 1440px){
    header, .jazyk{/*VSETKY*/
        font-size: 1.5rem;
    }
    #moje-meno, .o-mne h1{
        font-size: 2.5rem;
    }
    #quote{
        font-size: 1.3rem;
    }
    #Tim, .o-mne-content{
        font-size: 0.8rem;
    }
    .sipka{
        font-size: x-large;
    }

}
@media all and (max-width: 1024px){
    header, .jazyk{/*VSETKY*/
        font-size: 1.2rem;
    }
    .o-mne img{
        width: 400px;
    }
}
@media all and (max-width: 768px){
.mobilne-menu-content{ /*VSETKY*/
    display: block;
}
#menu{ /*VSETKY*/
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    background-color: rgb(61, 61, 61);
    color: white;
    height: 75px;
    width: 75px;
    border: none;
    border-radius: 50%;
    border: none;
    transform: rotate(0deg);
    transition: 0.5s;
}
#menu.otocit{/*VSETKY*/
    transform: rotate(90deg);
    transition: 0.5s;
}
.mobilne-menu.show {/*VSETKY*/
    display: flex !important;
}
.navbar{/*VSETKY*/
    display: none;
}
.jazyk{/*VSETKY*/
    font-size: x-large;
}
.mobilne-menu a:hover, .mobilne-menu button:hover{/*VSETKY*/
    color: #d43d06;
    transition: 0.5s;
    transform: scale(1.10);
}
#moje-meno, .o-mne h1{
    font-size: 2.3rem;
}
#quote{
    font-size: 1.1rem;
}
#Tim, .o-mne-content{
    font-size: 0.7rem;
}
.o-mne-content{
    width: auto;
}
.o-mne-skills-img{
    width: 300px;
}
.o-mne img{
    width: 300px;
}
}
@media all and (max-width: 425px){
#moje-meno, .o-mne h1{
    font-size: 2rem;
}
#quote{
    font-size: 1rem;
}
#Tim, .o-mne-content{
    font-size: 0.7rem;
}
}