body {
	background: #0a121f;
    margin: 0px;
    font-family: 'Raleway', sans-serif;
}

h1 {
    color:#fef6e8;
    font-size: 50px;
    font-weight: 200;
    text-shadow: 1px 1px #000000;
    margin: 0;
    padding-top: 20;
    padding-bottom: 20;
}
h2 {
    margin: 0;
    margin-left: 10;
    color:#fef6e8;
    font-weight: 200;
    text-shadow: 1px 1px #000000;
    text-align: left;
    font-size: 35px;
}

h3 {
    margin: 0;
    color:#fef6e8;
    font-weight: 200;
    text-shadow: 1px 1px #000000;
    font-size: 30px;
}

p  {
    font-size: 20px;
    color:#fef6e8;
    text-shadow: 1px 1px #000000;
}

hr {
    border: 0;
    height: 1;
    background: #fef6e8;
}

a {
    color:#fef6e8;
    white-space: nowrap;
    margin:  0;
    border:  0;
    padding: 0;
}

video {
    width: 100%;
}

#backgroundHack {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background: url("Images/Neighbors.png");
    background-position: center;
    background-size: cover;
    
    z-index: -1;
}

#coverPage {
    border: 0;
    margin: 0;
    width: 100%;
    height: 54vh;
}

#nameBox {
    margin: 0px;
    border: 0px;
    padding: 0;
    margin-top: 46vh;
    width: 100%;
    background-color: #0a121f;
    text-align: center;
}

#textBin {
    display: inline-block;
    
    width: 80%;
    max-width: 700;
}

#textBin h3 {
    padding-top: 0px;
    padding-bottom: 20px;
}

#centerLink {
    
}

#textBin a {
    margin-left: 3%;
    margin-right: 3%;
}

#contactInfo {
    text-align: center;
}

#contactInfo .buttonLink {
    font-size: 30px;
}

#contactInfo a {
    font-size: 25px;
}

.categoryBox {
    margin: 10px;
    border: 0px;
    padding: 10px;
    width: atuo;
    background-color: #0a121f;
    text-align: left;
}

.buttonLink {
	background-color: rgba(0,0,0,0);
	color: #fef6e8;
	border: 1px solid #fef6e8;
	border-radius: 8px;
	padding: 4px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	margin: 4px 2px;
}

.projectInfo p {
    font-size: 15px;
}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
    padding: 20px;
}

.c5.end {
    padding-top: 0;
    padding-bottom: 0;
}

.row {
    margin: 0;
}

.project p {
    max-width: 750px;
}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
    #textBin h1 {
        font-size: 60px;
    }
    
    #textBin h3 {
        font-size: 40px;
    }
    
    #textBin a {
        display: none;
    }
    
    #contactInfo a {
        font-size: 40px;
    }
    
    .categoryBox h2 {
        font-size: 50px;
    }
    .project h3 {
        font-size: 45px;
    }
    
    .project a {
        font-size: 40px;
    }
    
    .project p {
        font-size: 40px;
    }
    
    #contactInfo .buttonLink {
        font-size: 46px;
    }
}