body {
    min-width: 320px;
}

.wrap {
    width: 100%;
}

h1 {
    font-size: calc(1rem + 4.0vh);
    line-height: 1.1;
}

.upper-content {
    padding-bottom: 50px;
}

.middle-content-top {
    padding-top: 50px;
}

.middle-content {
    padding-bottom: 50px;
}

.middle-content-bottom {
    padding-bottom: 100px;
}

.page-main-header {
    margin-bottom: 15px;
}

.middle-content-background-gradient {
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(232, 230, 237, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 230, 237, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(232, 230, 237, 1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(232, 230, 237, 1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(232, 230, 237, 1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(232, 230, 237, 1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E6ED', endColorstr='#ffffff', GradientType=0); /* ie6-9 */
}

.middle-content-background-gradient-reset {
    background-color: white;
}

.iframe-video {
    width: 560px;
    height: 315px;
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
}

.image-content-padding-top {
    padding-top: 4vh;
}

.image-content {
    max-width: 100%;
}

.contact-image {
    max-height: 10vh;
}

.contact-map {
    border: 0;
    width: 600px;
    height: 450px;
    max-width: 100%;
}

.contact-h1 {
    color: rgb(45, 42, 93);
}

.code-body {
    background: url(/img/parent/register/activity_bg_indigo.jpg) right bottom no-repeat #2D2860;
}

.code-text {
    font-size: 16px;
}

.code-element {
    border-radius: 20px !important;
    width: 100%;
}

.code-function-buttons {
    margin-top: 20px;
}

.code-table {
    border: 1px solid lightgray;
    padding-top: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 15px;
    color: black;
    background-color: white;
}

.index-learn-more-button {
    background-color: rgb(127, 127, 158);
    border: 1px solid rgb(127, 127, 158);
    color: white;
}

.index-looking-for-instruction-text {
    color: white;
    padding-top: 30px;
    padding-bottom: 30px;
}

.index-go-here-text {
    color: white;
    text-decoration: underline;
}


/*Menu*/
.list-inline li {
    padding-right: 0;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: transparent;
}

.button-login {
    color: #11aacd !important;
}

.button-try-for-free {
    margin-left: 10px;
    margin-right: 0px;
    font-size: 13px;
}

.button-menu {
    font-size: 13px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.button-dyscalculia {
    text-align: center !important;
    line-height: 1.1 !important;
    width: 110px !important;
}

.language-flag {
    width: 30px;
}

/*End Menu*/

/*Team*/

.h1-team {
    padding-left: 30px;
    color: rgb(45, 42, 93);
}

.img-team {
    float: left;
}

/*From old project*/
.list-inline li {
    padding-right: 0;
}

.team h4 {
    margin-bottom: 0px;
}

.team span {
    color: rgb(45, 42, 93)
}

.team img {
    margin-right: 20px;
}

.team small {
    color: rgb(129, 127, 158);
    margin-top: 10px;
    display: block;
    max-width: 420px;
}

.team small:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.team {
    margin-bottom: 20px;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: transparent;
}

/*End from old project*/
/*End Team*/

/*Cennik*/

.price-list ul {
    min-height: 150px;
}

.price-list small {
    color: #ECA6AE;
}

.price-list-button {
    text-align: center;
}

.price-list-additional-info {
    min-height: 100px;
}


/*From old project*/
.list-inline li {
    padding-right: 0;
}

.team h4 {
    margin-bottom: 0px;
}

.team span {
    color: rgb(45, 42, 93)
}

.team img {
    margin-right: 20px;
}

.team small {
    color: rgb(129, 127, 158);
    margin-top: 0px;
    display: block;
    max-width: 420px;
}

.team small:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.team {
    margin-bottom: 20px;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: transparent;
}

.layout-header {
    background-image: url(../img/team/granat2-01.png);
    background-size: cover;
}

.ka {
    border-color: #2E2661;
    border-width: 1px;
    border-top-width: 10px;
    border-bottom-width: 5px;
    border-style: solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

.container h2 {
    font-size: 20px;
}

#price-list li {
    margin-bottom: 10px;
}

/*End from old project*/
/*End Cennik*/

/*Code*/
/*From old project*/
.login-box-body {
    color: white;
}

.login-page, .login-box-body {
    background: transparent;
}

a {
    color: #F2CA21;
}

a:hover {
    color: #F2CA21;
}

.login-logo a {
    color: white;
    font-weight: bold
}

.login-logo a:hover {
    text-decoration: none;
}

.form-group input {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}

hr {
    border-top: 1px solid #594F81;
    border-bottom: 1px solid #422C64;
}

/*End from old project*/
/*End Code*/

/*Footer*/
.wrap-footer {
    background-color:rgb(44,43,95);
    width: 100%;
}

.footer-image {
    margin-top: -75px;
}

.wrap-footer h4 {
    color: white;
    font-weight: normal;
    font-size: 20px;
    width: 305px;
    line-height: 1.3;
}
/*End Footer*/