body {
            background-color: #19232c;
            font-family: 'Circe';
        }
        
        #age_block {
            border: 3px solid #40464b;
        }
        
        @media (max-width: 767px) {
            
            #age_select {
                width: 280px;
                font-size: 29px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 30px;
                margin-bottom: 30px;
                color: #8d8d8d;
                padding-left: 70px;
                background-image: url(/bitrix/templates/.default/images/18-select.png);
                background-position: left center;
                background-repeat: no-repeat;
                line-height: 40px;
            }
            
            #age_select.active {
                background-image: url(/bitrix/templates/.default/images/18-select_checked.png);
            }
            
            #age_logo img {
                max-width: 90%;
            }
            
            #age_logo {
                text-align: center;
                margin-top: 110px;
            }
            
            #enter {
                margin-bottom: 50px;
                padding-top: 50px;
            }
            
            #enter {
                color: #d7bd7d;
                font-size: 50px;
                text-align: center;
                width: 90%;
                margin-left: 5%;
                border-top: 3px solid #40464b;
            }
            
            #age_block {
                margin-top: 25px;
                margin-bottom: 25px;
            }
            
        }
        
        @media (min-width: 768px) {
            #age_select {
                width: 360px;
                font-size: 40px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 50px;
                margin-bottom: 50px;
                color: #8d8d8d;
                padding-left: 70px;
                background-image: url(/bitrix/templates/.default/images/18-select.png);
                background-position: left center;
                background-repeat: no-repeat;
                padding-top: 5px;
            }
            
            #age_select.active {
                background-image: url(/bitrix/templates/.default/images/18-select_checked.png);
            }
            
            #age_logo img {
                max-width: 90%;
            }
            
            #age_logo {
                text-align: center;
                margin-top: 110px;
            }
            
            #enter {
                margin-bottom: 75px;
                padding-top: 75px;
            }
            
            #enter {
                color: #d7bd7d;
                font-size: 50px;
                text-align: center;
                width: 90%;
                margin-left: 5%;
                border-top: 3px solid #40464b;
            }
            
            #age_block {
                margin-top: 50px;
            }
        }
        
        @media (min-width:992px) {
            #age_block {
                width: 890px;
                height: 600px;
                position: fixed;
                margin: auto;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
            }
            
            #age_select {
                margin-top: 50px;
                margin-bottom: 50px;
                cursor: pointer;
            }
            
            #logo {
                margin-top: 75px;
            }
            
            #enter {
                padding-top: 65px;
                margin-bottom: 65px;
                cursor: pointer;
            }
        }