@media only screen and (max-width: 1240px) {}
                            
                            @media only screen and (max-width: 1000px) {
                                .logo {
                                    height: 80px;
                                }
                            }
                            
                            @media only screen and (max-width: 985px) {
                                .why-container {
                                    padding: 0;
                                }
                                .why-flex {
                                    padding: 0;
                                }
                                section {
                                    padding-top: 60px;
                                }
                                .box {
                                    padding: 0;
                                }
                            }
                            
                            @media only screen and (max-width: 890px) {
                                .why-picture {
                                    display: none;
                                }
                                .why-container {
                                    flex-direction: column;
                                }
                                .why-container h3 {
                                    text-align: center;
                                }
                                .why-container p {
                                    font-size: 100%;
                                    width: 80%;
                                    margin: 0 auto;
                                    text-align: center;
                                }
                                .icon-big {
                                    display: block;
                                    margin-top: 20px;
                                }
                                .header-photo {
                                    padding-top: 0;
                                }
                                h2:after {
                                    width: 80%;
                                }
                                h2 {
                                    font-size: 130%;
                                    word-spacing: 1px;
                                    font-weight: 400;
                                }
                            }
                            
                            @media only screen and (max-width: 660px) {
                                body {
                                    overflow-x: hidden;
                                    font-size: 18px;
                                }
                                .nav-bar {
                                    display: none;
                                }
                                .new-nav {
                                    display: none;
                                }
                                .burger {
                                    display: block;
                                }
                                .logo-container {
                                    width: 100%;
                                    text-align: center;
                                }
                                .why-container p {
                                    display: block;
                                }
                                .burger-meniu {
                                    display: block;
                                }
                            }
                            
                            @media only screen and (max-width: 600px) {
                                .btn-full:link,
                                .btn-full:visited,
                                input[type=submit] {
                                    margin: 0;
                                    margin-right: 20px;
                                }
                                .btn:link,
                                .btn:visited {
                                    margin-top: 10px;
                                }
                            }
                            
                            @media only screen and (max-width: 441px) {
                                body {
                                    font-size: 16px;
                                }
                                .hero-text-box {
                                    top: 60%;
                                    left: 50%;
                                    width: 70%;
                                    transform: translate(-50%, -50%);
                                    -webkit-transform: translate(-50%, -50%);
                                    -moz-transform: translate(-50%, -50%);
                                    -ms-transform: translate(-50%, -50%);
                                    -o-transform: translate(-50%, -50%);
                                }
                                .btn-full:link,
                                .btn-full:visited,
                                input[type=submit] {
                                    margin-right: 20px;
                                    margin-top: 50px;
                                }
                                .btn-ghost:link,
                                .btn-ghost:visited {
                                    margin-top: 20px;
                                }
                                .btn:link,
                                .btn:visited {
                                    padding: 10px;
                                }
                            }
                            
                            @media only screen and (max-width: 390px) {
                                .btn-full:link,
                                .btn-full:visited,
                                input[type=submit] {
                                    margin-top: 30px;
                                }
                            }
                            
                            @media only screen and (max-width: 360px) {
                                .btn-full:link,
                                .btn-full:visited,
                                input[type=submit] {
                                    margin-right: 10px;
                                }
                            }
                            /* @media only screen and (max-width: 345px) {
                                .btn-full:link,
                                .btn-full:visited,
                                input[type=submit] {
                                    margin-right: 5px;
                                }
                                .btn:link,
                                .btn:visited {
                                    padding: 5px;
                                }
                            } */
                            
                            @media only screen and (max-width: 345px) {
                                .btn-full:link,
                                .btn-full:visited {
                                    margin-right: 0px;
                                }
                                .btn-full:link,
                                .btn-full:visited,
                                input[type=submit] {
                                    margin-right: 5px;
                                }
                                .btn:link,
                                .btn:visited {
                                    padding: 5px;
                                }
                            }
                            
                            @media only screen and (max-width: 320px) {}