body{ font-family: arial, verdana, serif, sans-serif; border: 2px solid #665544; background-color: radial-gradient(circle, white, skyblue) } /* background-image: url("images/computercircuit.png");} /*PAGE MAIN HEADERS (MAIN & SUB): J3 GLOBAL I.T. SOLUTIONS: NOTE:

and

Main heading and sub heading must never be inside the element. These main and sub headings should be inside the element AND never with a
element*/ h3 { text-align: center; margin-left: 20px; margin-top: 10px; /* color: #0000FF; */} h4 { text-align: center; margin-top: 10px; /* color: #0000FF; */} /*GROUP CORP. PICTURE - COMPANY LOGO (logo2_2.png)*/ .j3globallogo { float: left; margin-top: 10px; margin-left: 20px;} .align_right { float: right; margin-right: 40px; margin-top: 10px;} /*DIRECTORS PIC AND BIOGRAPHY*/ /* .dirbio{ margin-top: 30px; margin-left: 565px;} .globalmap3D { text-align: center;} */ /* section{ display:block }; */ section{ display: flex; justify-content: center; margin: auto; } /*NAVIGATION: */ .navitems { text-align: center; text-decoration: underline; } .navitems:hover{ color: yellow; } /*FOOTER*/ footer { text-align: center; top: 5px; z-index: -1; height: 40px; width: auto 0px; position: relative;} /*SOS - ALL MEDIA QUERY STATEMENTS/SYNTAX, MUST BE WRAPPED INSIDE THE ASSOCIATED CURLY BRACKETS {}*/ /* body{ background: radial-gradient(circle, white, skyblue); @media only screen and (max-device-width: 480px), only screen and (-webkit-min-device-pixel-ratio: 2) , screen and (-webkit-device-pixel-ratio:1.5){ .Container { width: 90%; min-width: 480px; margin: auto; } } NOTE: "ALL" ==> @media all and (max-width: 500px) { header { height: 70px; line-height: 70px; } }*/ /* @media all and (max-device-width: 480px) { .container { background-color: lightgreen; } #sect-id { text-align: center; } } */