body
{
font-family:'Source Sans Pro', Arial, sans-serif;
font-size:18px;
color:#333;
background:url(images/world_background.svg) no-repeat center top;
min-width:300px;

min-height: 100%;
}

html {
    
    min-height: 100%;
}

.wrap
{
width:95%; max-width:800px;
margin:0 auto;
margin-top: 50px;
}

#logo
{
display:block;
width:100%; height:220px;
background:url(images/cometconsular-logo.png) no-repeat top center;
margin-top: -30px;
}

#content h1
{
font-size:1.75em;
text-transform:uppercase;
margin-bottom:-15px;
}

#content p
{
font-size:1.1em;
}

.country-list{
list-style:none;
margin:0; padding:0;
margin-top: 20px;
width:47%;
float:left;
}

.country-list li
{
line-height:40px;
display:block;
height: 45px;				
border-top:1px solid #CCC;
padding-top: 0.5rem;
height:40px;
background-size:35px;
}
.country-list li:last-child{border-bottom:1px solid #CCC;}

.country-list li a
{
display:list-item; 
width:100%; height:100%;
color:#333;
font-size: 1.1em;
font-weight:700;
text-decoration:none;
}

/* start of classes with flas */

.australian-flag {
    background: url('images/australia-flag.svg') no-repeat right center;
    
}
.usa-flag {
    background: url('images/usa-flag.svg') no-repeat right center;
    
}
.austria-flag {
    background: url('images/austria-flag.svg') no-repeat right center;
    
}
.belgium-flag {
    background: url('images/belgium-flag.svg') no-repeat right center;
    
}
.brazil-flag{
    background: url('images/brazil-flag.svg') no-repeat right center;
    
}
.canada-flag{
    background: url('images/canadian-flag.svg') no-repeat right center;
    
}
.finland-flag{
    background: url('images/finland-flag.svg') no-repeat right center;
    
}
.france-flag{
    background: url('images/france-flag.svg') no-repeat right center;
    
}
.germany-flag{
    background: url('images/germany-flag.svg') no-repeat right center;
    
}
.irish-flag{
    background: url('images/irish-flag.svg') no-repeat right center;
    
}
.mexico-flag{
    background: url('images/mexican-flag.svg') no-repeat right center;
    
}
.netherlands-flag{
    background: url('images/netherlands-flag.svg') no-repeat right center;
    
}
.norway-flag{
    background: url('images/norway-flag.svg') no-repeat right center;
    
}
.sweden-flag{
    background: url('images/sweden-flag.svg') no-repeat right center;
    
}
.denmark-flag {
    background: url('images/denmark-flag.svg') no-repeat right center;
}
.uk-flag {
    background: url('images/uk-flag.svg') no-repeat right center;
}
.switzerland-flag {
    background: url('images/switzerland-flag.svg') no-repeat right center;
}
.spain-flag {
    background: url('images/spain-flag.svg') no-repeat right center;
}
.singapore-flag {
    background: url('images/singapore-flag.svg') no-repeat right center;
}

/* end of classes with flags */



.country-list li a:hover{color:#a51e22;}
.country-list#left{margin-right:3%;}

.clear{float:none; clear:both;}

#footer
{
position:fixed;
bottom:0;
width:100%;
color:#CCC; 
font-size:.75em;
text-align:center;

}

#footer a{color:#CCC;}
#footer a:hover{color:#CD2525;}


@media(min-width: 100px) and (max-width: 1024px){

.wrap{
    margin-top: 50px;
}

.country-list {
    min-width: 100%;
}
.country-list#left li:last-child{
    border-bottom: none;
}
.country-list#right{
    margin-top:0;
}
#footer{
    width:80%; margin-left:5%; 
}

#form1, body {
    min-height: 100%;
}

html {
    height: 100%;
}

#logo {
    width:100%; height:220px;

background:url(images/cometconsular-logo.png) no-repeat top center;
}
}