#head {
        /* background-color: #8373CE; */
}

.slimheader {
        background-color: #8373CE !important;
}

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

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

#main {
        overflow: hidden;
}

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

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

.inst_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, #8373CE 0%, #8343CE 100%) 0% 0%;
        /* background: url('images/pwave.png'), center, no-repeat;
        background-size: cover; */
        color: #fff;
}

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

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

.inst_head {
        text-align: left;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100vw;
}

.inst_title {
        width: 35vw;
}

.inst_title>p {
        width: 28vw;
}

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

.head_pic>img {
        width: 32vw;
}

.head_pic {
        margin: auto;
}

.instr {
        margin: auto;
        width: 100%;
}

.inst_main1 {
	width: 100%;
        max-width: 1000px;
        min-height: 100vh;
        display: flex;
        justify-content: center;
        align-items: stretch;
        flex-direction: column;
        text-align: left;
        padding: 30px 0px;
        height: 100%;
        padding-bottom: 8vh;
	margin: auto;

}

.inst_main2 {
        max-width: 100%;
        min-height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #37A6281A;
        flex-direction: column;
        text-align: left;
        padding: 30px 0px;
        height: 100%;
        padding-bottom: 8vh;
}

.inst_main2 ul {
        width: 45%;
}

.inst_main1 li,
.inst_main2 li {
        margin: 10px 0px;
}


.inst_main2 p {
        width: 50%;
}

#foot_menu {
        width: 100%;
}

/* RESPONSIVE */

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

        .inst_title {
                width: 100%;
        }

        .head_pic {
                display: none;
        }

        .ctabtn,
        .readbtn {
                padding: 20px 13px;
                width: 80vw;
                font-size: 10pt;
        }

        .inst_main1 {
                max-width: 95%;
                margin: auto;
        }

        .inst_main1 h2 {
                text-align: center;
        }

        .inst_main1 h3 {
                margin: 30px 0 20px 0;
        }

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

@media screen and (min-width:481px) and (max-width:810px) {
        .inst_title {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                width: 100vw;
        }

        .head_pic {
                display: none;
        }
}

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

        .inst_head {
                margin-top: 100px;
                margin-bottom: 50px;
        }

        .head_pic {
                display: none;
        }

        .inst_main0 {
                height: unset;
        }

        .inst_title h1,
        .inst_title h2,
        .inst_title p {
                width: 80vw;
        }

        .inst_main1>p,
        .inst_main2>p,
        .inst_main2>h2,
        .inst_main2>ul {
                width: 80vw;
                margin: auto;
        }
}

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

        .head_pic {
                display: none;
        }

        .inst_title {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                width: 100vw;
        }

        .inst_main0 {

                height: unset;
        }

        .inst_title h1,
        .inst_title h2,
        .inst_title p {
                width: 80vw;
        }

        .inst_main1>p,
        .inst_main2>p,
        .inst_main2>h2,
        .inst_main2>ul {
                width: 80vw;
                margin: auto;
        }
}

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

        .inst_head .head_pic {
                width: 50%;
                margin-left: 10%;
        }

        .inst_title h1,
        .inst_title h2 {
                width: 40vw;
                padding: 0px;
                margin-bottom: 10px;
        }

        .inst_title p {
                width: 40vw;
        }
}