html{
    font-family: "Helvetica";
    font-size: 15px;
    color: #4a4b4c;
}

a{
    color: #C62420;
    text-decoration: none;    
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.nonfloating {
    clear: both;
}

#logo {
	display: block;
    margin: 0em;
}

#info {
    padding-bottom: 20px;
}

.heading {
    font-family: William-Regular;
    font-size: 24px;
}

.gold {
    color: #DAA520;
}

.silver {
    color: #808080;
}

#container {
    margin-left: auto;
    margin-right: auto;
    /* width: 700px; */
    /* padding: 30px; */
    /* width: 100%; */
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

#picture {
	padding-top: 25px;
    padding-right: 25px;
    flex: 1;
    order: 1;
    text-align: center;
}

#content {
    /*border-top: 1px solid #9a9ba5;*/
    /*border-top: 1px solid #33334d;*/
}

#footer {
    border-top: 1px solid #9a9ba5;
    font-size: 70%;
    text-align: center;
}

.blueish{
    color: #5497CC;
}

.reddish {
    color: #C62420;
}

#card {
display: flex;
flex-wrap: wrap;
}
  
#info {
    flex: 1;
}    
  
@media (max-width: 768px) {
#card {
    flex-direction: column;
}
}

@media (max-width: 480px) {
#info {
    order: 2;
}    
}

@font-face {
    font-family: 'Ruscha';
    font-style: normal;
    font-weight: normal;
    src: url('Tapeworm-1.9/Tapeworm-Regular.otf') format("opentype");
}

@font-face {
    font-family: 'William-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('WILLIAM-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'William-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('WILLIAM-BoldCondensed.woff2') format('woff2');
}