html {
    font-family: 'Vista Slab OT';
}
body {
    margin:0;
    padding:0;
}

.header {
    background: url('images/header-bg.png') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
    min-height: auto;
}

.logo {
    text-align: center;
}
.logo img {
    max-width: 90%;
    padding: 5%;
}

.main {
    text-align: center;
    padding:30px 30px 80px;
}

.maintext {
    padding:50px 0 70px 0;
}
.maintext h1 {
    letter-spacing: -1px;
}
.maintext p {
    font-size: 22px;
}

a:link .armagh-box {
    position: relative;    
    background: url('images/armagh-link-box.png')  no-repeat center center; 
    -webkit-background-size: 105%;
    -moz-background-size: 105%;
    -o-background-size: 105%;
    background-size:105%;
    min-height: 230px;
    width:100%;
    overflow: hidden;
    transition: background-size  0.3s ease-in;
    -moz-transition: background-size  0.3s ease-in;
    -web-kit-transition: background-size  0.3s ease-in
}
a:link .down-box {
    position: relative;
    background: url('images/down-link-box1.jpg')  no-repeat center center;
    -webkit-background-size: 105%;
    -moz-background-size: 105%;
    -o-background-size: 105%;
    background-size:105%;
    min-height: 220px;
    width:100%;   
    overflow: hidden;
    transition: background-size 0.3s ease-in;
    -moz-transition: background-size  0.3s ease-in;
    -web-kit-transition: background-size  0.3s ease-in
}

a:hover .armagh-box  {
    -webkit-background-size: 120%;
    -moz-background-size: 120%;
    -o-background-size:120%;
    background-size:120%;
}
a:hover .down-box  {
    -webkit-background-size: 120%;
    -moz-background-size: 120%;
    -o-background-size:120%;
    background-size: 120%;
}

.box-title {
    position: absolute;
    bottom:0px;
    left:0;
    width:100%;
    background: rgba(38,38,38,0.8);
    padding:15px 0;
    color: #fff;
}
.footer {
    text-align: center;
    padding:60px 0;
    width: 100%;
    background: #262626;
}
.footer-logo {
    padding: 20px 0;
}
/************************************************************************************
Larger than 660
*************************************************************************************/
@media screen and (min-width: 660px) {
    a:link .armagh-box {
        min-height: 200px;
    }
    a:link .down-box {
        min-height: 200px; 
    }
}

/************************************************************************************
Larger than 769px
*************************************************************************************/
@media screen and (min-width: 769px) {
    a:link .armagh-box {
        min-height: 200px;
    }
    a:link .down-box {
        min-height: 200px; 
    }
}

/************************************************************************************
Larger than 1024
*************************************************************************************/
@media screen and (min-width: 1024px) {
    a:link .armagh-box {
        min-height: 300px;
    }
    a:link .down-box {
        min-height: 300px; 
    }
}


/************************************************************************************
Larger than 1180px
*************************************************************************************/
@media screen and (min-width: 1180px) {

    a:link .armagh-box {
        min-height: 360px;
    }
    a:link .down-box {
        min-height: 360px; 
    }
}

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

    a:link .armagh-box {
        min-height: 380px;
    }
    a:link .down-box {
        min-height: 380px; 
    }
}