﻿html, body {
	margin:0; padding:0;
	height:100%;
}

body {
	font-family: 'Lato', Arial, sans-serif;

}

h1 {

	font-weight:700;
	color:#1e0550;
}

h2 {

	font-weight:700;
}

.clear {
clear: both;
    height: 0;
}

.wrapper {
	position:relative;
	max-width:1200px;
    width:90%;
	margin: 0px auto;
}

.header {
    width:100%;
	margin:20px auto;
    text-align:center;
}

    .header img {
        width:80%;
        max-width:700px;
        margin:0 auto;
    }
.split {
    margin:30px 0;
}
.box-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.split .half.img {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 50%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position:relative;
}

    /*.split .half.img h2 {
        position:absolute;
        color:#fff;
        right:0;
        top:30%;
        padding:10px;
        background:rgba(0,0,0,0.5);
    }*/

.split .half.text, .list {
    width: 55%;
}
.split .half.tutor {
    background-image: url(../images/display.jpg);
    background-position: 50% center;
    background-size: cover;
    margin-right:5%;
}

.split .half.irlen {
    background-image: url(../images/display2.jpg);
    background-position: 50% center;
    background-size: cover;
    margin-left:5%;
}



.display {
    height:40vh;
    max-height:300px;
    min-height:200px;
    background: url("../images/display2.jpg") no-repeat;
    background-size:cover;
    background-position:50% 50%;
    background-attachment:fixed;

}

.separator {
    height:50px;
    width:100%;
    background:url("../images/display2.jpg");
    background-size:cover;
    background-attachment:fixed;
    background-position:50% 50%;
}


.footer {
    margin:35px 0;
    text-align:center;
}

@media screen and (max-width: 768px) {
    .box-wrap {
        display:block;
    }
    .split .half.text, .list {
    width: 100%;
}
    .split .half.img {
        width:100%;
        height:250px;
    }
    .split .half.irlen{
        margin-left:0;
    }

}


