#navbar > div > ul > li:nth-child(1) > a:hover {
	transform: scale(1.5);
}


body{
border-style: ;
background-color:#f4f4f4;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:1.6em;
margin:0;
}

.container {
border-style: ;
width:80%;
margin:auto;
overflow:hidden;
}

.container1 {

	max-width: 700px;
	width: 100%;

	height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;

position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
/*.container {
border: 10px solid gray;
max-width: 700px;
width: 100%;

height: 50vh;
display: flex;
align-items: center;
justify-content: center;

position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}*/
#main-header{
background-color:#333;
color:#fff;
}

.sites {
border-style: ;
position: static;
display: inline-flex;
height: 200px;
width: 65%;
}
.sites1 {
border-style: ;
position: static;
display: inline-flex;
height: 200px;
width: 65%;
}

.portpics {
position: static;
width: 170px;
height: 120px;
display: grid;
grid-template-columns: 100px 100px 100px;
}
#asite1, #asite2, #asite3, #asite4, #asite5, #asite6 {
/*margin-left: 120px;*/
grid-column-gap: 100px;
margin: 20px 20px 20px 20px;
}
/*
#imgsite4 {
border-style: solid;	
}
#imgsite5 {
border-style: solid;
}
#imgsite6 {
border-style: solid;	
}
*/
#navbar{
background-color:#000080;
color:#fff;
}

#navbar ul{
padding:0;
list-style: none;
}

#navbar li{
display: inline;
}

#navbar a{
color:#fff;
text-decoration: none;
font-size:18px;
padding-right:15px;
}
/*
#showcase{
background-image:url('../images/DarkBlue.jpg');
background-position:center right;
min-height:300px;
margin-bottom:30px;
text-align: center;
}
*/
#showcase h1{
color: black;
font-size:50px;
line-height: 1.6em;
padding-top:30px;
}

#main{
float:left;
width:70%;
padding:0 30px;
box-sizing: border-box;
}

#sidebar{
float:right;

width:30%;
background: #333;
color:#fff;
padding:10px;
box-sizing: border-box;
}

#main-footer{
background: #333;
color:#fff;
text-align: center;
padding:20px;
margin-top:20px;
bottom: 0px;
position: fixed;
width: 100%;
left: 0px;
}

@media(max-width:600px){
#main{
	width:100%;
	float:none;
}

#sidebar{
	width:100%;
	float:none;
}
}