#head {
        /* background-color: #22C0D7; */
}

.slimheader {
        background-color: #22C0D7 !important;
}

#main {
        overflow: hidden;
}

#main::before {
        /* content: " ";
        position: absolute;
        width: 100vw;
        height: 100vh;
        margin: 0 -50%;
        z-index: -1; */

        /* background-image: url(images/bwave.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center right; */
        /* overflow-y: hidden; */
}

.aboutus {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
}

.aboutusc {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-width: 70%;
        margin: auto;
}

.about_main0 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100vw;
        padding: 0 10%;
        margin: auto;
        /* color:#fff; */
        min-height: 100vh;
        background: transparent linear-gradient(243deg, #22C0D7 0%, #22A0D7 100%) 0% 0%;
        /* background: url('images/bwave.png'), center, no-repeat;
        background-size: cover; */
        color: #fff;
}

.about_main0 h1 {
        text-shadow: 1px 1px 1px #444;
}

.about_head {
        /* margin-top: 15vh; */
        text-align: left;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100vw;
}

.about_title {
        width: 35vw;
        height: 60%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;

}

.about_title>p {
        width: 25vw;
}

.about_btn>p {
        font-size: 0.7em;
}



.head_pic {
        background-image: url('images/kid2.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center right;
        width: 50%;
        height: 70%;
}

#us {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 50px;
        margin-bottom: 50px;

}

.about_f {
        margin-bottom:50px;
}

.portre {
        width: 25%;

}

.portre_text {
        height: 240px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
}

.portre_text>h1 {
        font-size: 1.1em;
        font-weight: 700 !important;
        margin: 0;
}

.portre_text>h2 {
        font-size: .85em;
        font-weight: 300;
        padding: 0;
        line-height: 1em;
        margin: 0;
}

.pcontent {
        width: 100%;
        background-color: #F7F7F7;
        height: 0;
        overflow: hidden;
}

.pcontentb {
        padding: 50px;
}

.pcontent p {
        text-align: left;
}

.hoverblock {
        width: 300px;
        height: 300px;
        background-color: #ffffff;
        background-size: 260px;
        background-position: center;
        background-repeat: no-repeat;

}

#p1>.hoverblock {
        background-image: url("images/photos/akos_grey.jpg");
}


#p2>.hoverblock {
        background-image: url("images/photos/robert_grey.jpg");
}

#p3>.hoverblock {
        background-image: url("images/photos/peter_grey.jpg");
}

#p4>.hoverblock {
        background-image: url("images/photos/gabor_grey.jpg");
}

.color_team {
        width: 260px;
        margin: 20px;
}

#foot_menu {
        width: 100%;
}

.greyt {
        background-color: #F7F7F7;
}

/* RESPONSIVE */
@media screen and (max-width:1640px) {

        .ctabtn,
        .readbtn {
                padding: 15px 30px;
                width: 25vw;
        }

        .aboutusc {
                max-width: 100%;
                align-content: center;
        }

        #us {
                width: 90%;
                margin: auto;
        }

}

@media screen and (max-width: 810px) {
        #main::before {
                background-image: none;
        }

        .about_head {
                /* margin-top: 10vh; */
                /* margin-bottom: 50px; */
        }

        .head_pic {
                display: none;
        }

        .about_main0 {
                background: #22C0D7;
                /* height: unset; */
        }

        .about_title h1,
        .about_title p {
                width: 80vw;
        }
}

@media screen and (max-width:480px) {
        .about_main0 {
                padding: 0 8%;
        }

        .about_title {
                width: 100vw;
                align-items: flex-start;
                justify-content: center;
        }



        .portre {
                width: 100%;
        }

        #p1 {
                order: 1;
        }

        #p2 {
                order: 3;
        }

        #p3 {
                order: 5;
        }

        #p4 {
                order: 7;
        }

        #pc1 {
                order: 2;
        }

        #pc2 {
                order: 4;
        }

        #pc3 {
                order: 6;
        }

        #pc4 {
                order: 8;
        }

        .portre_text {
                justify-content: center;
        }

        .pcontentb {
                padding: 20px;

        }

        .hoverblock {
                margin: auto;
        }

        .ctabtn,
        .readbtn {
                padding: 15px 30px;
                width: 80vw;
        }

}

@media screen and (min-width:481px) and (max-width:768px) {

        .about_title {
                width: 100vw;
                align-items: flex-start;
                justify-content: center;
        }

        .portre {
                width: 100%;
        }

        #p1 {
                order: 1;
        }

        #p2 {
                order: 3;
        }

        #p3 {
                order: 5;
        }

        #p4 {
                order: 7;
        }

        #pc1 {
                order: 2;
        }

        #pc2 {
                order: 4;
        }

        #pc3 {
                order: 6;
        }

        #pc4 {
                order: 8;
        }

        .portre_text {
                justify-content: center;
        }

        .pcontentb {
                padding: 20px;

        }

        .hoverblock {
                margin: auto;
        }

        .ctabtn,
        .readbtn {
                padding: 15px 30px;
                width: 60vw;
        }

        .about_title h1,
        .about_title p {
                width: 65vw;
        }
}


@media screen and (min-width:811px) and (max-width:1200px) {
        /* .about_head {
                margin-top: 100px;
                margin-bottom: 50px;
        } */

        .head_pic {
                display: none;
        }

        .about_main0 {
                background: #22C0D7;
                /* height: unset; */
        }

        .about_title {
                width: 100vw;
                align-items: flex-start;
                justify-content: center;
        }

        .about_title h1,
        .about_title p {
                width: 50vw;
        }

        .portre {
                width: 50%;
        }

        #p1 {
                order: 1;
        }

        #p2 {
                order: 2;
        }

        #p3 {
                order: 5;
        }

        #p4 {
                order: 6;
        }

        #pc1 {
                order: 3;
        }

        #pc2 {
                order: 4;
        }

        #pc3 {
                order: 7;
        }

        #pc4 {
                order: 8;
        }

        .portre_text {
                justify-content: center;
        }

        .pcontentb {
                padding: 20px;

        }

        .hoverblock {
                margin: auto;
        }

        .ctabtn,
        .readbtn {
                padding: 15px 30px;
                width: 45vw;
        }
}

@media screen and (min-width:1200px) and (max-width:1366px) {
        .about_main0 {
                background-size: cover;
        }

        .about_title h1 {
                width: 80vw;
        }

        .about_title p {
                width: 34vw;
        }

        .ctabtn,
        .readbtn {
                padding: 15px 30px;
                width: 35vw;
        }

        .head_pic {
                width: 40%;
        }
}



@media screen and (min-width:1640px) {

        .ctabtn,
        .readbtn {
                padding: 15px 30px;
                width: 25vw;
        }
}