/* vf */
body 
{
font-family:Helvetica, sans-serif;
padding:0;
margin:0;
}

a
{
text-decoration:none;
color:black;
}



/* divs */
.innercont
{
width:96%;
margin:auto;
max-width:1200px;
}

.next
{
display:inline-block;
vertical-align:top;
}

.col2
{
width:47%;
display:inline-block;
}
.col3
{
width:32%;
display:inline-block;
}
.col4
{
width:24%;
display:inline-block;
}
@media screen and (max-width:600px)
{
.col4
{
width:45%;
}
}



/* input */
input[type=text]
{
width:100%;
padding:7px;
font-size:1.5vw;
box-sizing:border-box;
}
@media screen and (max-width:600px)
{
input
{
font-size:4vw;
padding:9px;
}
}

textarea
{
width:100%;
font-size:1.5vw;
}

/* buttons */
.redbutton
{
display:inline-block;
background:red;
padding:7px;
color:white;
text-align:center;
}

.lightgreenbutton
{
display:inline-block;
background:#ABE5AB;
padding:7px;
color:white;
border:1px solid green;
text-align:center;
}


/* hiddenmenu */
#hiddenmenu
{
text-align:center;
}




/* menu */
.navbar 
{
overflow:hidden;
background-color:#333;
}

.navbar a
{
float:left;
font-size:16px;
color:white;
text-align:center;
padding:14px 16px;
text-decoration:none;
}

.dropdown 
{
float:left;
overflow:hidden;
}

.dropdown .dropbtn 
{
font-size:16px;  
border:none;
outline:none;
color:white;
padding:14px 16px;
background-color:inherit;
font-family:inherit;
margin:0;
}

.navbar a:hover, .dropdown:hover .dropbtn 
{
background-color:red;
}

.dropdown-content 
{
display:none;
position:absolute;
background-color:#f9f9f9;
min-width:160px;
box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
z-index:1;

}

.dropdown-content img
{
float:none;
color:black;
padding:12px 16px;
text-decoration:none;
display:block;
text-align:left;
}

.dropdown-content img:hover 
{
background-color:#ddd;
}

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





/* img */
.flagicon
{
height:30px;
}

.ofc 
{
width: 200px;
height: 200px;
object-fit: cover;
}

.fit
{
max-width:100%;
}


/* text */

.detail
{
font-size:0.5vw;
color:grey;
}