html, body {
	margin:0;
    padding:0;
    height:100%;
}
body {
    font-family:'Lato', sans-serif;
    font-size:18px;
    font-style:normal;
    line-height:1.5em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:#C3267B;
    color:#000;
}
h2 {
    font-size:20px;
    font-weight:normal;
    line-height:1em;
    margin-bottom:1.7em;
    color:#C3267B;
    text-transform:uppercase;
}
p {
    margin-top:0;
    margin-bottom:1.5em;
}
small {
    font-size:14px;
}
* {
    box-sizing:border-box;
}

.width {
    width:1000px;
    margin:0 auto;
    position:relative;
}
@media only screen and (max-width:1023px) {
    .width { width:720px; }
}
@media only screen and (max-width:767px) {
    .width { width:90%; }
}

.right {
    position:absolute;
    right:0px;
    top:0px;
}

header {
    background:#fff;
    height:110px;
    color:#C3267B;
}
header .width {
    padding-left:140px;
}
header > .width {
    line-height:55px;
}
#header_top {
    background:#C3267B;
    color:#fff;
    font-size:20px;
    height:55px;
    padding-top:23px;
}
#header_top img {
    position:absolute;
    left:-30px;
    bottom:-41px;
}
@media only screen and (max-width:1023px) {
    header span { display:none; }
}
@media only screen and (max-width:767px) {
    #header_top { font-size:18px; }
    #header_top img {
        width:101px;
        bottom:-29px;
    }
}
header .right {
    font-weight:900;
}
header a {
    text-decoration:none;
    color:#C3267B;
}
header a:hover {
    text-decoration:underline;
}
#slider {
    border:none;
    margin:0;
}
.slides li {
    height:540px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

#tiles {
    margin-top:-94px;
}
#tiles ul {
    list-style:none;
    padding:0;
    margin:0;
}
#tiles ul::after {
    content:'';
    display:table;
    clear:both;
}
#tiles li {
    background:#fff;
    width:317px;
    height:383px;
    margin-left:22px;
    padding-top:54px;
    float:left;
    text-align:center;
}
#tiles li:first-child {
    margin-left:0;
}
@media only screen and (max-width:1023px) {
    #tiles li {
        width:225px;
        font-size:14px;
    }
}
@media only screen and (max-width:767px) {
    #tiles li, #tiles li:first-child {
        float:none;
        width:70%;
        height:auto;
        padding-bottom:10px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px;
    }
}

footer {
    background:url(images/logo_footer.png) no-repeat left top;
    background-size:459px auto;
    min-height:230px;
    margin-top:114px;
    color:#fff;
}
footer ul {
    list-style:none;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:40px;
    padding:0;
    font-size:22px;
    display:table;
}
footer li {
    display:table-cell;
}
footer li:first-child {
    padding-right:40px;
}
footer li:last-child {
    border-left:2px solid #fff;
    padding-left:40px;
}
@media only screen and (max-width:767px) {
    footer ul {
        display:block;
        font-size:16px;
    }
    footer li { display:block; }
}