body
{
   font-family:Arial, Helvetica, sans-serif;
   display: grid;
   grid-template-rows: auto auto 50px;
   max-width: 1160px;
   min-width: 375px;
   margin: auto;
}

body, select, input
{
   font-size: 10px;
}

header
{
   width: inherit;
   min-height: 75px;
   background-color: lightgray;
   padding-bottom: 5px;
}

#title
{
   width: inherit;
}

form
{
   width: inherit;
}

.segment
{
   display: inline-block;
}

#country_name
{
   width: inherit;
}

td
{
   vertical-align: top;
}

.selection
{
   padding-left: 10px;
   padding-right: 10px;
}

.selection, .ok_selection
{
   display: inline-block;
}

article
{
   width: inherit;
   height: auto;
}

h1, h2, h3, form, #country_name
{
   text-align: center;
}

article
{
   display: grid;
   grid-template-rows: 80px auto;
}

#initial_page
{
   padding-top: 20px;
}

#flag_data
{
   text-align: center;
}

#flag
{
   display: inline-block;
   max-width: 350px;
   max-height: 200px;
}

#flag_adopted_date
{
   text-align: center;
   padding: 5px;
}

#flag_carrousel
{
   display: inline-block;
   width: 95%;
   height: 70px;
   margin-top: 3px;
   margin-bottom: 5px;
   background: #c3c3c3;
}

.data_title
{
   display: block;
   width: 100%;
}

#country_data
{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.data
{
   display: grid;
   grid-template-rows: 55px auto;
   align-self: start;
   width: 366px;
   margin: 4px;
   padding: 5px;
   background-color: lightgray;
   border: 1px solid black;
   border-radius: 5px;
}

#maps
{
   display: grid;
   text-align: center;
   width: 100%;
   grid-template-columns: 40% 60%;
   padding-bottom: 10px;
}

#location_map
{
   max-width: 98%;
   border: 1px solid white;
   margin-right: 3px;
}

#detailed_map
{
   max-width: 99%;
   margin-left: 2px;
   border: 1px solid white;
}

#location_map, #detailed_map
{
   max-height: 200px;
}

.language_country
{
   font-style: italic;
}

#flags
{
   width: 100%;
   padding-top: 5px;
   padding-bottom: 5px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   background-color: lightgray;
}

.flag_smail
{
   padding: 2px;
   width: 140px;
   height: 135px;
   text-align: center;
}

.flag_small_container
{
   width: 140px;
   height: 100px;
   text-align: center;
}

.flag_small_img
{
   display: inline;
   max-width: 136px;
   max-height: 96px;
}

.flag_small_name
{
   height: 35px;
   max-width: 140px;
   padding: 2px;
   overflow-x: hidden;
   font-weight: bold;
   text-align: center;
}

#main_map_url
{
   max-width: 100%;
   min-width: 50%
}

#main_map_img
{
   width: 100%;
}

footer
{
   padding: 20px 0px;
   width: inherit;
   height: 50px;
   text-align: center;
   vertical-align: middle;
}