* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box; 
}
body {
    background-color: #000000;
    margin: 0;
    padding: 0;
  }
h3 {
    margin-top: -4%;
    color: white;
    font-size: 6vw;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 2px 2px #252730;

}
  .style1,a {
    color: #FFFFFF;
    margin: 0;
    text-decoration: none;
  }

  a:link {
    color: #999999;
  }

  a:visited {
    color: #FFFF99;
  }

  a:hover {
    color: #00CC00;
  }

  a:active {
    color: #FFFFFF;
  }

  .style3 {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
  .Buttons {
    /*max-width: 437px;*/
    margin: 0;
    padding: 0;
  }

#Container {
    max-width: 900px;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background-color: black;
    overflow-x: hidden;
    }
    #Banner {
	display: flex;
	margin: 0;
	padding: 0px;
	width: 100%;
	align-items: center;
	justify-content: center;
	background-color:  #11a5fa80;
	background-image: url(images/Konkee3dBlurBG.jpg);
	background-repeat: no-repeat;
	background-position:  top center;
	background-attachment: fixed;
        }
    #KonkeeB {
        flex: 1;
        padding: 5%;
        width: 90%; 
        align-items: center;
        justify-content: center;
        }   
    #MainBody {
        display: flex;
        display: -webkit-flex; /* Safari */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        width: 100%; 
        }
        #ButtonPanel {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            margin: 0;          
            padding: 0px;
            width: 100%;
            background-color: #e6671328;
        }    
        #Images {
            flex: 1;
            margin: 0;
            padding: 0;
            width: 100%; 
        }
        #KoImage {
            margin: 0;
            padding: 0;
            width: 100%; 
        }
        #Mod2Image {
            margin: 0;
            padding: 0;
            width: 100%; 
        }
        #3DImage {
            margin: 0;
            padding: 5%;
            width: 100%;
        }
        #ImageShow {
            display: flex;
            margin: 0;
            padding: 0;
            width: 100%; 
        }
        #Buttons {
            margin: 0;
            padding: 0px;
            width: 100%; 
        }
        #BotMenu {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            margin: 0;
            background-color: #8be613;
        }
@media screen and (min-width: 900px) { 
   
    #MainBody {
        flex-direction: column;
    }
    h3 {
        font-size: 55px;
    }
}      
@media screen and (min-width: 500px) {
    #KoImage {
        width: 500px;
 }
}