:root {
        --primary-color: rgba(35, 153, 240);
        --text-color-premvitality: #04537c;
        --text-primary: rgba(0, 14, 36, 0.87);
        --text-caption: rgba(0, 27, 72, 0.54);
        --text-red-50: rgba(230, 54, 85);
        --controls-border-color: rgba(0, 27, 72, 0.32);
        --controls-border-radius: 8px;
        --input-focus-box-shadow: 0px 0px 0px 2px rgba(35, 153, 240, 0.5);
        --input-focus-border-color: var(--primary-color);
        --card-box-shadow: 0px 2px 8px rgba(0, 27, 72, 0.13);
        --st-color-white: #FFF;
        --st-color-primary: rgba(35, 153, 240);
        --st-color-text-disabled: rgba(0, 27, 72, 0.32);
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    body {
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
    }

    input,
    button,
    textarea,
    select {
        font: inherit;
    }

    a {
        text-decoration: none;
        color: inherit;
    }


    .premfont {
        color: var(--text-color-premvitality);
		margin-bottom: 0;
    }
		
    .text {
        font-family: "Noto Sans Mono", monospace;
        font-weight: 400;
        line-height: 1.4;
    }

    .text-1 {
        font-size: 36px;
    }

    .text-2 {
        font-size: 23px;
    }

    header {
        border-bottom: solid 1px #000;
        text-align: center;
		padding: 30px 0;
    }

    .flex {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .picture-block,
    .form-block {
        width: 100%;
    }

    .picture-block {
        order: 2;
    }

    .form-block {
        order: 1;
    }

    img {
        display: block;
        width: 100%;
    }

    .center {
        text-align: center;
    }

    .p-20 {
        padding: 20px 0;
    }

    .p-10 {
        padding: 10px 0;
    }

    form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    form * {
        width: 100%;
        padding: 10px 0;
    }

    .form-elements {
        width: 90%;
        margin: auto;
    }
		.form-content h2 {
			padding: 20px 10px;
		}

    .label-pnone {
        color: var(--text-primary);
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 2em;
        word-break: break-word;
    }

    #phone {
        width: 100%;
        background-color: white;
        border: 1px solid var(--controls-border-color);
        border-radius: var(--controls-border-radius);
        box-sizing: border-box;
        padding: 8px;
        font-size: 1.4rem;
        margin: 4px 0;
        outline: none;
        -webkit-transition: .3s all;
        transition: .3s all;
    }

    .terms {
        display: flex;
        gap: 5px;
    }

    .terms * {
        padding: 0;
    }

    .terms input {
        width: 18px;
        height: 18px;
    }

    .terms label {
        font-size: 14px;
    }

    .terms-elements p {
        font-size: 12px;
        color: var(--text-caption);
    }

    form button {
        display: block;
        width: 100%;
        border-radius: var(--controls-border-radius);
        padding: 14px 10px;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        line-height: 20px;
        background-color: rgb(251, 250, 177);
        border: 0 none;
        margin: 30px 0 24px;
        text-transform: uppercase;
        letter-spacing: 2px;
		color: #000;
    }

    .form-footer {
        font-size: 1.4rem;
        color: var(--text-primary);
        text-align: center;
        padding: 40px 0;
    }

    .form-footer a {
        color: var(--primary-color);
    }
		
		footer {
        background-color: #e7e6e6;
			padding-bottom: 10px;
    }

    .footer-block {
        width: 95%;
        margin: auto;
        display: flex;
        flex-direction: column;
		align-items: center;

    }

    .left-footer,
    .right-footer {
        width: 100%;
    }



    .elements-nav {
        width: 50%;
        margin: auto;
    }

    .elements-nav a,
    .left-footer a {
        display: block;
        font-size: 20px;
        color: var(--text-primary);
        text-align: center;

    }

    .title-nav {
        font-size: 30px;
        color: #1a69be;
        text-align: center;
		margin-bottom: 0;
		padding: 20px 0;
    }

    .left-footer {
        display: flex;
        flex-direction: column;
    }

    .left-footer img {
        width: 300px;
        height: auto;
        margin: auto;
        padding: 30px 0;
    }

    .mini-text {
        padding: 20px 0;
        font-size: 14px;
    }

	.mini-text p{
		margin-bottom: 0;
	}
	


    @media (min-width: 769px) {

        .picture-block,
        .form-block {
            width: 50%;
        }

        .content {
            flex-direction: row;
        }

        .picture-block {
            order: 1;
        }

        .form-block {
            order: 2;
        }

        .form-content {
            width: 80%;
            margin: auto;
        }

        .text-1 {
            font-size: 26px;
        }

        

        .form-elements {
            width: 75%;
        }
		
		.footer-nav {
            display: flex;
        }


        .footer-block {
            width: 80%;
            flex-direction: row;

        }

        .left-footer {
            width: 35%;
        }

        .right-footer {
            width: 64%;
        }

        .title-nav {
            text-align: left;
			
        }


        .elements-nav a {
            text-align: left;
        }
    }

    @media (min-width: 1367px) {
        .text-2 {
            font-size: 51px;
        }
		
    }