body {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    background-color:#fff;
}
h1 {
    color:#cd2128;
    font:bold 21px/24px 'proxima-nova', arial, verdana;
    text-transform:uppercase;
    text-align:center;
}
h2 {
    color:#252525;
    font: 18px/20px 'proxima-nova', arial, verdana;
    text-transform:uppercase;
    text-align:center;
}
h3 {
    color:#5c5c5c;
    font: 15px/35px 'Oswald', arial, verdana;
    text-transform:uppercase;
    text-align:center;
    margin:0;
    float:left;
}
p {
    color:#252525;
    font: 14px/20px 'proxima-nova', arial, verdana;
    text-align:center;
    max-width:470px;
    margin:0 auto;
    padding:10px;
}
a {
    color:#b8142f;
    text-decoration:none;
    font-weight:bold;
}
a:hover {
    color:#252525;
    cursor:pointer;
}
ul {
    float:left;
    padding:0;
    margin:0;
}
li {
    width:35px;
    height:35px;
    float:left;
    padding-left:20px;
    list-style:none;
}
#background {
    width:100%;
    height:590px;
    background: #fff url(../images/tree.jpg) no-repeat center ;
    background-size:cover;
    z-index:-1;
}
.topImage {
    padding:50px 0; 
    margin:0 auto 0 auto;
    height:415px;
    background: url(../images/top-image.png) no-repeat center ;
}

#container {
    margin:-80px auto 0;
    max-width:1020px;
    height:auto;
}
.tableDisplay {
    display:table;
    width:100%;
}
.center {
    display:table-cell;
    width:50%;
    vertical-align:top;
}
.center img {
    display:table;
    margin:0 auto;
}
.share {
    width:190px;
    height:35px;
    margin:0 auto;
    padding:0 0 50px 0;
}
#footer {
    margin:40px 0 0 0;
    padding:0 1%;
    height:60px;
}
    #footer > p {
        color:#252525;
        font: 13px/20px 'proxima-nova', arial, verdana;
        text-align:left;
        margin:10px 0 0 0;
        float:left;
        max-width:100%;
        padding:0;
    }
#continue {
    display:block;
    padding:0;
    width:312px;
    height:18px;
    background: url(../images/continue.png) no-repeat center ;
    background-size:contain;
}
.pjs {
    font: 13px/20px 'proxima-nova', arial, verdana;
    text-align:right;
    color:#a2a2a2;
    margin:10px 0 0 0;
    float:right;
}

.logo {
    padding:0; 
    width: 400px;  
	float: left;
    height:50px;
    background: url(../images/crossroads-logo.png) no-repeat center ;
}
    .pjs > a{
    color:#a2a2a2;
    }
    .pjs > a:hover{
    text-align:right;
    color:#b8142f;
    }
.bottomBorder {
    border-bottom:5px solid #415a85;
    width:100%;
    height:1px;
}
.h2lowcase {
    text-transform: none;
}


@media (max-width: 1035px) {
    #container {
        max-width:100%;
    }
         .center img {
             width:94%;
         }
}

@media (max-width: 850px) {
    h1 {
        font:bold 18px/24px 'proxima-nova', arial, verdana;
    }
    h2 {
        font: 15px/20px 'proxima-nova', arial, verdana;
    }
    h3 {
        font: 13px/35px 'oswald', arial, verdana;
    }
    p {
        font: 13px/20px 'proxima-nova', arial, verdana;
    }
    #continue {
        margin:0 auto;
    }
    #footer {
        width:90%;
        height:110px;
        margin:0 auto;
    }
        #footer img {
            width:312px;
            margin:0 auto;
        }
        #footer > p {
        text-align:center;
        float:none;
        }
    .pjs {
    text-align:center;
    float:none;
    clear:both;
    }
}

@media (max-width: 680px) {
    #container {
        max-width:90%;
    }
    .center {
        width:100%;
        float:left;
    }
    .center img {
        width:100%;
    }
    #footer {
        height:150px;
    }
    #continue {
        width:280px;
    }
    .topImage {
        width:100%;
		height:320px;
        background-size:contain;
		position:relative;
		top:40px;
    }
	.logo{
		display:none;
	}
}

@media (max-width: 560px) {
    .topImage {
        height:280px;
    }
    #background {
        height:540px;
    }
}

@media (max-width: 450px) {
    .topImage {
        height:150px;
		top:50px;
    }
    #background {
        height:440px;
    }
    .logo {
        display:none;
    }
}

@media (max-width: 360px) {
    .topImage {
        height:120px;
		top:40px;
    }
    #background {
        height:380px;
    }
	#continue {
		width:100%;
	}
}