html {
    width:100%;
    height:100%;
    box-sizing: border-box;
}
body {
    width:100%;
    height:100%;
    box-sizing: border-box;
    margin:0px; 
    padding:0px; 
    border:0px;
}
h1 {
    margin:0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:36px;
    color:#fff;
    font-weight:400;
    letter-spacing:0.5px;
}
h2 {
    margin:0px;
    color:#fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:26px;
    letter-spacing:0.3px;
    font-weight:400;
}
h3 {
    margin:0px;
    color:#fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:38px;
    letter-spacing:0.5px;
    font-weight:200;
}
.nav{
    width:100%;
    height:50px;
    background:none;
}
.header{
    max-width:1000px;
    margin-top:200px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.icon{
    text-align:center;
    margin:0 auto;
    padding-top:5px;
    padding-bottom:4px;
    border:2px solid #fff;
    border-radius:20px;
    width:98px;
}
.background {
    height:100%;
    width:100%;
    background-color:#383838;
    position:fixed;
    z-index:-1;
}
.bodyText{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:18px;
    line-height:28px;
    color:#303238;
}
.footer{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:16px;
    color:#fff;
    font-weight:200;
    margin-top:40px;
    letter-spacing:0.2px;
}
.button {
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    font-size:18px;
    color:#fff;
    display:inline-block;
    border:1px solid #c6172f;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:30px;
    padding-left:30px;
    border-radius:12px;
    cursor:pointer;
    transition:background 0.3s;
}
.button:hover{
    background-color:#c6172f;
}
.linkContainer{
    margin-top:50px;
}
@media (min-width: 1276px) {
    .imageLeft{
        float:left; 
        display:inline; 
        margin-top:40px; 
        margin-left:60px;
        width:500px;
        display:inline-block;
        margin-bottom:0px;
        text-align:right;
    }
    .respIcon{
        font-size:320px !important;
    }
    .imageRight{
        float:right; 
        display:inline; 
        margin-top:40px; 
        margin-right:60px;
        width:500px;
        display:inline-block;
        margin-bottom:0px;
        text-align:left;
    }
    .bodyDiv{
        width:400px;
        margin-top:100px;
        margin-bottom:100px;
        margin-left:100px;
        margin-right:195px;
        float:right;
        margin-bottom:0px;
    }
    .bodyDivRight{
        width:400px;
        margin-top:100px;
        margin-bottom:100px;
        margin-left:195px;
        margin-right:100px;
        float:left;
        text-align:right;
        margin-bottom:0px;
    }
    .solid{
        margin:0px;
        padding:0px;
    }
}
@media (max-width: 1275px) {
    .imageLeft{
        float:none;
        display:block;
        margin: 0 auto;
        width:90%;
        max-width:700px;
        display:block;
        margin-bottom:80px;
        text-align:center;
    }
    .respIcon{
        font-size:250px !important;
    }
    .imageRight{
        float:none;
        display:block;
        margin: 0 auto;
        width:90%;
        max-width:700px;
        display:block;
        margin-bottom:80px;
        text-align:center;
    }
    .bodyDiv{
        max-width:400px;
        float:none;
        display:block;
        text-align:center;
        margin:0 auto;
        margin-bottom:50px;
    }
    .bodyDivRight{
        max-width:400px;
        float:none;
        display:block;
        text-align:center;
        margin:0 auto;
        margin-bottom:50px;
    }
    .solid{
        margin:0px;
        padding:30px;
    }
}
@media (min-width: 701px) {
    .centerLogo{
        float:left;
        margin:0px;
    }
    .centerButton{
        display:inline-block;
    }
    .buttonContainer{
        float:right; 
        margin-right:30px;
    }
    .logo{
        width:230px; 
        margin-top:-10px; 
        margin-left:20px;
    }
    .nav-name{
        margin-left:50px;
    }
    .centerResponsive{
        float:right;
    }
}
@media (max-width: 700px) {
    .centerLogo{
        float:none;
        margin:0 auto;
        text-align:center;
        padding-bottom:30px;
    }
    .centerButton{
        display:block;
    }
    .buttonContainer{
        float:none; 
        margin:0px auto;
        text-align:center;
        width:200px;
    }
    .logo{
        width:300px; 
        margin-top:0px; 
        margin-left:0px;
    }
    .nav-name{
        margin-left:0px;
    }
    .centerResponsive{
        margin: 0 auto !important;
        float:none;
        text-align:center;
        width:75px;
        position:relative;
        display:block;
    }
}


.nav-name{
	font-size:35px;
	letter-spacing:3.5px;
	font-family: 'Lobster', cursive;
    margin-top:30px;
}
a.nav-name{
	color:#fff;
}
a.nav-name{
	color:#fff;
	text-decoration:none;
}