/* HOME CONTENTS */

/* who are we (waw) section */

.title {
    margin: 0;
}

.waw-container {
    text-align: center;
    width: 100% !important;
    padding:0;
    margin-right:0;
}

.waw-left {
    color: white;
    padding: 50px;
    background-color:#3f3f3f;
    width:60%; display: inline-block;
    text-align: left;
}

.waw-right-container {
    color: white;
    padding: 50px;
    background-color:#38854C;
    width:37%;
    vertical-align:bottom;
    display: inline-block;
    margin-left:-4px;
    text-align: left;
}

.waw-right-top {
    background-color: white;
    margin:-50px -50px 20px -50px;
    padding-left: 25px;
}

.waw-right-top a {
    text-decoration: none;
    border-bottom: none !important;
}


/* cards section */

.par-card-container {
    width: 100% !important; 
}

.par-card {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-top: 20px;
    margin-right: calc(2% - 4px);
    text-align: left;
    min-height: 500px;
}

.par-card:last-child {
    margin-right: 0;
}

.par-card div {
    padding: 20px 30px 10px 30px;
}

.par-card-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

.par-card-learn {
    border-left: solid 15px #ce93d8;
    border-right: solid thin #ce93d8;
    border-top: solid thin #ce93d8;
    border-bottom: solid thin #ce93d8;
}

.par-card-assess {
    border-left: solid 15px #cddc39;
    border-right: solid thin #cddc39;
    border-top: solid thin #cddc39;
    border-bottom: solid thin #cddc39;
}

.par-card-progress {
    border-left: solid 15px #ff7043;
    border-right: solid thin #ff7043;
    border-top: solid thin #ff7043;
    border-bottom: solid thin #ff7043;
}


/* YEAR 12 PAGE */

.par-y12-block-container {
    width: 100% !important;
}

.par-y12-block {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    min-height: 350px;
    border: 2px solid #ffffff;
    padding: 30px 20px 10px 20px;
    text-align: center;
}

.par-y12-block-space { background-color: #80cbc4; }
.par-y12-block-time { background-color: #ffb74d; }
.par-y12-block-routine { background-color: #66bb6a; }
.par-y12-block-expectation { background-color: #ff7043; }
.par-y12-block-clarification { background-color: #ce93d8; }
.par-y12-block-balance { background-color: #ce93d8; }
.par-y12-block-rest { background-color: #ff7043; }
.par-y12-block-breaks { background-color: #ffb74d; }
.par-y12-block-distractions { background-color: #66bb6a; }
.par-y12-block-talk { background-color: #80cbc4; }


@media screen and (max-width: 1100px){
    
    /* HOME CONTENTS */
    
    .par-y12-block {
        width: 33.33%;
        min-height: 350px;
    }
    
    .par-y12-block:last-child {
        margin-left: 33.33%;
        
    }
        
}


@media screen and (max-width: 900px){
    
    /* HOME CONTENTS */
    
    /* waw section */
    
    .waw-container {
        text-align: center;
        width: 100% !important;
        padding:0;
        margin-right:0;
    }
    
    .waw-left {
        width:100%; 
        display: block;
        text-align: left;
    }
    
    .waw-right-container {
        width:100%;
        display: block;
        margin-left: 0px;
    }
    
    .waw-right-top {
        background-color: white;
        margin:-50px -50px 20px -50px;
        text-align: center;
        padding: 25px 0 0 0;
    }
    
    .waw-right-top img {
        margin: 0 auto;
    }
    
    .waw-right-top a {
        text-decoration:none;
        border-bottom: none !important;
    }
    
    
    /* card section */
    
    .par-card {
        display: block;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .par-card:last-child {
        margin-right: auto;
    }
    
    
    /* YEAR 12 PAGE */
    
    .par-y12-block {
        width: 50%;
        min-height: 350px;
    }
    
    .par-y12-block:last-child {
        margin-left: 0;
        
    }
    
}

@media screen and (max-width: 500px){
    
    /* HOME CONTENTS */
    
    /* card section */
    
    .par-card {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .par-card:last-child {
        margin-right: auto;
    }
    
    
    /* YEAR 12 PAGE */
    
    .par-y12-block {
        width: 100%;
        min-height: 0;
    }
    
    .par-y12-block:last-child {
        margin-left: 0;
    }
    
}