body {
    background-color:#1c1922;
    color: cornsilk;
    margin: 0;
    padding: 0;  
}

div, section, article, header, footer {
    box-sizing: border-box;
} 

img {
    margin:0;
    padding:0;
}

a   {  
    text-decoration: none;
}

table {
    border-collapse: collapse;
}

video::-internal-media-controls-download-button {
        display:none;
}

video::-webkit-media-controls-enclosure {
        overflow:hidden;
}

video::-webkit-media-controls-panel {
        /*width: calc(100% + 30px);  */
        width: 100%;
}

#headerbar {
        /* background-color: black; */
          width: 100%;
          height: 50px;
          padding: 0px 2% 0px 2%;   
          position: relative;
          top: 0;
          left: 0;
          z-index: 997;
          box-shadow: 0 2px 3px 0px rgba(0,0,0,.1);
} 
#headerbox {
    width: 930px;
    height: 50px;
    margin: auto;
  } 	
  
.sbslogo {
    width: 50px;
    height: 50px;
    margin-right: 12px; 
    float:left;
}

.headertext {
    width: 600px;
    padding: 11px 0 0 5px;
    float:left;

    font-size: 1.2rem;
    font-weight: 500;
}

.mabulogo {
            width: 100px;
            height: 40px;   
            padding-bottom: 13px;
            margin: auto;
}

#teamname {
            font-size: 1.2em;
            color:#fff;
            margin: 0px 0px 100px 0px;
            font-weight: 500;
            text-align: left;  
}

.social {
     width: 50px;
     height: 50px;
     
     float: right;
     cursor: pointer;
}
#fteamname {
    font-size: 1rem;
    font-weight: 700;
    margin: 0px 0px 1rem 0px;
    text-align: center; 
    letter-spacing: -1px;
    /*font-family: sans-serif;*/
}

.credit
{
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin: 2rem 0px 5rem 0px;
    text-align: left; 
    letter-spacing: -0.8px;
}

.creditlist {
    
    padding: 20px 0 0 10px;
    width: 60%;
    text-align: center;
    margin: auto;	
}

#footerbar {
    margin: 12rem 0 5rem ;
    width: 100%;
    height: 600px;
    z-index: 10;
}

#footerwrapper {
    width : 640px;
    text-align: center;
    margin: auto;
}

.footertext {
    text-align: center;
}

#footerbar p {
    letter-spacing: -1px;
}
.articlebox{
    color:#Fff;
}




@media screen and (max-width: 640px) {

#headerbar {
            width: 100%;
            height: 50px;         
            padding: 0; 
}

#headerbox {
    width: 100%;
    height: 50px;
    margin: auto;
  } 	

.headertext {
    width: 200px;
    padding: 11px 0 0 5px;
    float:left;

    font-size: 1rem;
    font-weight: 500;
}

#teamname {
            font-size: 0.9em;
            color:#fff; 
            font-weight: 600;
            text-align: left;
            float: left;
            margin:0;
}

 .mabulogo {
    width: 100px;
    height: 40px;   
    padding-bottom: 13px;
    margin: auto;
}

.sbslogo {
    width: 50px;
    height: 50px;
    /* margin-right: 10px;   */
}

.social {
     width: 50px;
     height: 50px; 
     float: right;
    cursor: pointer;
    /* display: none; */
 }

 #footerbar {
    width: 100%;
    height: auto;
    padding: 0 10px;
    z-index: 10;
}

#footerwrapper {
    width : 100%;
    text-align: center;
    margin: 0 auto 0 auto;
}
  .creditlist {
    width: 100%;	
    }
}