/* >>>>>>>Website Layout-Gridding-Organization <<<<<<<<<*/ html { } body { background-image: url("bg.png"); background-repeat:no-repeat; background-size:cover; min-height: 100%; max-width:960px; min-width:300px; margin:auto; } /* -body affects everything outside tag */ /* >>>>>>>>>>>>>Header/Navigation<<<<<<<<<<<<<<<<<< */ header { background-color: #000; min-height: 50px; } .logo .mobile { display: none; } /* when screen is less than 600px wide show mobile version and hide desktop */ @media (max-width: 600px) { .logo .mobile { display: block; } .logo .desktop { display: none; } } nav { background-color:#0c0c0c; } /*>>>>>>>>>>>>>Main Content<<<<<<<<<<<<<<<<*/ main { background-color:rgba(36, 36, 36, 0.5); min-height:500px; border-style:solid; border-width:5px; border-color:#000; border-radius:1px; } /*>>>>>>>>>>>>>>>>Footer<<<<<<<<<<<<<<<<<<*/ footer { background-color: #000; border-style:solid; border-width:5px; border-color:#000; border-radius:1px; } /*>>>>>>>>General Style Improvements<<<<<<<<*/ p { color:#F6E9E9; } h1 { color:#000; }