/*
 * It's 03:08 right now, I'm getting drowsy,
 * and I'm working to transition this website
 * to a version of HTML from 1999 just because
 * I can. Is this healthy?
 */

* {
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
}

#site-logo-home {
    width: 35%;
    height: auto;
}

div {
    width: 1024px;

    padding-top: 15px;
    padding-left: 0px;
    padding-bottom: 15px;
    padding-right: 0px;
    
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
}

figure img {
    width: 35%;
    height: auto;
}

/*
 * nav {
 *     float: right;
 * }
 *
 * nav img {
 *     vertical-align: text-bottom;
 * }
 *
 * These nav's are useless because I'm switching this
 * website to HTML 4 because fuck modernity.
 *
 */
.navig-bar {
	float: right;
}

.navig-bar img {
	vertical-align: text-bottom;
}

.container {
    padding: 0;
    min-height: 100;

    margin-top: 0px;
    margin-bottom: -70px;
    margin-left: auto;
    margin-right: auto;
}

/*div "main-cont" is for the main content on a particular webpage. It will be consistant across all pages.*/

.main-cont {
    text-align: center;
}

.socials img {
    height: 20px;
    width: auto;
}

.unforgettable-luncheon {
	padding-top: 30px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.socials {
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
}

.viewing-note {
    text-align: center;
}

/*
    .buzz-meme {
        height: 50%;
        width: auto;
    }
    The image refused to resize, so I gave up and manually resized the image in GIMP. Pain in the fucking ass. 
*/

.file-photo img {
    width: 75%;
    height: auto;
}