html {
                scroll-behavior: smooth;
            }
            body {
                padding: 0;
                margin: 0;
                font-family: 'Roboto', sans-serif;
                font-size: larger;
                color: black;
                background-color: lightgray;
            }
            .navbar {
                background-color: white;
                overflow: hidden;
                position: fixed;
                top: 0;
                width: 100%;
                height: 70px;
            }
            .logo {
                float: left;
                height: 70px;
            }
            .navbar a {
                float: left;
                text-align: center;
                text-decoration: none;
                color: black;
                font-size: 30px;
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 20px;
                padding-bottom: 20px;
            }
            .navbar a:hover {
                background-color: #7d7d7d;
                color: ivory;
            }
            .header {
                padding-top: 80px;
                padding-bottom: 20px;
                padding-left: 15%;
                padding-right: 15%;
                background-color: honeydew;
                text-align: center;
            }
            .services {
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 15%;
                padding-right: 15%;
                background-color: lightyellow;
                text-align: center;
            }
            .stup{
                display: inline-block;
                width: 390px;
                height: 300px;
                text-align: left;
                vertical-align: top;
            }
            .references {
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 15%;
                padding-right: 15%;
                background-color: honeydew;
                text-align: center;
            }
            .year{
                display: inline-block;
                width: 300px;
                padding-bottom: 20px;
                padding-left: 10px;
                padding-right: 10px;
                text-align: left;
                vertical-align: top;
            }
            .contacts {
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 15%;
                padding-right: 15%;
                background-color: lightyellow;
                text-align: center;
            }
            .map{
                display: inline-block;
            }
            .ident{
                display: inline-block;
                width: 300px;
                height: 200px;
                text-align: left;
                vertical-align: top;
            }
            .address{
                display: inline-block;
                width: 300px;
                height: 200px;
                text-align: left;
                vertical-align: top;
            }
            .email{
                display: inline-block;
                width: 300px;
                height: 440px;
                text-align: left;
                vertical-align: top;
            }