div.box {
margin:0 1% 1% 0;
float:left;
clear:none;
width:48%;
height:300px;
border:2px solid #808080;
}


	  
body{

padding:0;
margin:0;
font-family:calibri;
//background: #15232E url('bg2.jpg') top left no-repeat;
background: url('bg2.jpg') top left no-repeat;
background-size:100% 100%;
margin:0;
}

.nav{

position:relative;
font-size:14pt;
height:auto;
width:100%;
background-color:#1C2730;
background-image:url('flag-4.png');
box-shadow:0px 4px 2px rgba(0,0,0,.4);
}


ul {
    list-style-type: none;
	width:800px;
    margin: auto;
    padding-left: 80px;
    overflow: hidden;
	    
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 26px;
    text-decoration: none;
	//background-color:rgba(255,255,255,.2);
	text-shadow:1px 1px 3px black;
}

li a:hover {
    background: rgba(11,26,50,.6);
}

h2{margin-bottom:5px;}

.footer {
background-color:#15232E;
color:white;
width:100%;
margin:0;
padding:0;
  position: static;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(11,26,50,.8);
    min-width: 110px;
    //box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
}

.dropdown-content a {
    color: white;
    padding: 10px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: rgba(11,26,50,.9);color:white;}

.dropdown:hover .dropdown-content {
    display: block;
}