.navbar, .mynavbar {
    background-color: #EEEEEE;
    color: black;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    transition: 1s;
}
.mynavbar:hover, .cont:hover {
    color: #e1bd2c;
    transform: scale(0.9);
}
body, .mybg {
    background-color: #EEEEEE;
}
#myVideo {
    width: 100%;
}
.mycard {
    background-color: #EEEEEE;
    transition: 1s;
}
hr {
    border: 1.5px solid #787A91;
}
.heading {
    color: #e1bd2c;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    transition: 1s;
}
.heading:hover, .mycard:hover, .services:hover, .quote:hover {
    transform: scale(1.2);
}
.services {
    transition: 1s;
}
.services2 {
    background-color: #e1bd2c;
    opacity: 70%;
    color: white;
    font-size: 20px;
}
.review {
    font-size: 14px;
}
.mybtn, .up {
    background-color: #e1bd2c;
    color: white;
    padding: 15px;
    font-size: 25px;
}
.mybtn:hover {
    background-color: white;
    color: #e1bd2c;
}
.myfooter {
    background-color: #e1bd2c;
    opacity: 70%;
}
.up:hover {
    color: black;
}
.quote {
    transition: 1s;
    font-size: 45px;
    padding: 25px;
}
.mycont {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.cont {
        text-decoration: none;
        padding: 10px;
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;    
        margin: 5px;
        color: #816353;
    }
.contacts {
    color: black;
    background-color:#e1bd2c;
    padding: 5px;
    text-decoration: none;
}
.contacts:hover {
    color: white;
}

@media all and (max-width: 500px) {
    .logo {
        width: 100px;
        height: 100px;
    }
.icons {
    width: 100%;
}
.mycard {
    font-size: 7px;
}
.aleks, .mynavbar, .services2 {
    font-size: 13px;
}
.review {
    font-size: 10px;
}
.idea {
    width: 50%;
}
.quote {
    font-size: 13px;
    padding: 1px;
}
.cont {
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;    
    margin: 2px;
}
.mybtn {
    font-size: 12px;
    padding: 5px;
}
.textfoot {
    font-size: 10px;
}
}

@media all and (max-width: 800px) {
    .quote {
        font-size: 20px;
        padding: 4px;
    }
    .mybtn {
        font-size: 15px;
        padding: 5px;
    }
}