div, p, a, li, td { -webkit-text-size-adjust:none; 
}
div {
    zoom: 1;
    }

* {
	margin: 0;
	padding: 0;
}


* {
    box-sizing: border-box;
}

/* Style the body */
body {
    margin: 0;
font-size: 62.5%;
	background: url(images/pattern.jpg) repeat;

}

ul, li {
	font: 1.2em/1.2em 'Montserrat', sans-serif;
		font-weight: 400;
    padding: 4px;
    text-align: left;
	margin-left: 20px;
}



/* Header/logo Title */
.header {
    padding: 10px;
    text-align: center;
	background: #000000;
	 background-image: url("images/wallpaper_800x600_1336.jpg");
	text-align: center;
	margin-bottom: 10px;
}

#headerimg img {
width: 500px;
height: 100px;
}

/* Style the top navigation bar */
.navbar {
    display: block;
 margin: auto;
}

/* Style the navigation bar links */
.navbar a {
    color: white;
    padding: 14px 20px;
    text-decoration: none;
    text-align: center;
font: 1.4em/1.8em 'Montserrat', sans-serif;
	
}

/* Change color on hover */
.navbar a:hover {
    color: #716b63;
}

.text {
	font: 1.4em/1.8em 'Montserrat', sans-serif;
		color: 000000;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 30px;
	overflow: auto;
	display: block;
	
}


#a-container {
display: block;
margin: 5px -5px 0 0;
vertical-align: middle;
text-align: left;
padding: 10px;
}


#a-container img {
 float: left;
    width:30px;
    height:30px;
margin: -3px 0 0 0;

}






.headerbold {
	font: 3.4em/1em 'Montserrat', sans-serif;
		color: #716b63;
		font-weight: 500;
	margin-bottom: 10px;
	margin-left: 20px;

	
}

.headerbold ul, li {
margin: 0 35px 0 20px;
}


.specbold {
	font: 1.2em/1.8em 'Montserrat', sans-serif;
		color: #716b63;
		font-weight: 500;
	margin-bottom: 10px;
	
}



/* Column container */
.row {  
    display: flex;
    flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
    flex: 30%;
	font: 1.2em/1.8em 'Montserrat', sans-serif;
		font-weight: 400;
    background-color: #f1f1f1;
    padding: 20px;

overflow: visible;
}

/* Main column */
.main {
display: block;
    flex: 70%;
    background-color: white;
    padding: 10px;
overflow: auto;
}

/* Fake image, just for this example */
.fakeimg img {
display: block;
    width: 100%;

overflow: visible;
}

.fakeimg h1 {
		color: #FFFFFF;
		    background-color: #666666;
		 padding: 6px;
		background: url(images/pattern.jpg) repeat;
}

#warranty {
display: block;
margin: auto;
   width: 100%;
max-width: 340px;
}

#config {
display: block;
margin: auto;
   width: 100%;
min-width: 120px;
max-width: 500px;
text-align: center;
}

#config img {
  border-style: solid;
		 border-color: #666666;
    border-width: 1px;
}

.korgred {
color: #c51e48;
font-weight: 600;
}

#getred a {
 border-radius: 12px;
text-decoration: none;
display: block;
margin: 20px auto 50px auto;
	text-align: center;
	font: 3em/1em 'Montserrat', sans-serif;
		color: #FFFFFF;
		font-weight: 600;
width: 320px;
	background: #c51e48;
		padding: 30px;
		  border-style: solid;
		 border-color: #000000;
    border-width: 2px;
}

/* Change color on hover */
#getred a:hover {
    background-color: #918e83;
background: url(images/pattern.jpg) repeat;
    color: #FFFFFF;
}




table {
    border-collapse: collapse;
    width: 95%;
margin: 0 0 20px 20px;
}

th, td {
		font: 1.2em/1.8em 'Montserrat', sans-serif;
		font-weight: 400;
    padding: 6px;
    text-align: left;
    border-bottom: 1px solid #cccccc;
	margin-left: 10px;

}



/* Footer */
.footer {
    padding: 20px;
margin: 5px 0 0 0;
overflow: auto;
    text-align: center;
 	background: #000000;
		 background-image: url("images/wallpaper_800x600_1336.jpg");
	
}

#a-container {
float: left;
overflow: auto;
display: block;
margin: 5px -5px 0 0;
vertical-align: middle;
text-align: left;
padding: 10px;
}


#a-container img {
 float: left;
display: block;
overflow: hidden;
    width:30px;
    height:30px;
margin: -3px 0 0 0;

}




/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 700px) {
    .row, .navbar {   
        flex-direction: column;
    }

.navbar a {

    color: white;
    padding: 14px 20px;
    text-decoration: none;
    text-align: center;
font: 2em/1.8em 'Montserrat', sans-serif;
	
}

.text {
font: 1.4em/1.6em 'Montserrat', sans-serif;
}

#a-container img {
 float: left;
    width:50px;
    height:50px;
margin: -7px 0 0 0;
}
#headerimg img {
width: 293px;
height: 59px;
}
.headerbold {
	font: 2.5em/1em 'Montserrat', sans-serif;
		color: #716b63;
		font-weight: 500;
	margin-bottom: 10px;
	margin-left: 20px;

	
}

}