@charset "utf-8";
/* CSS Document */
body { padding:0px; background-color:#002255; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:24px;}

td { font-size:24px; }

a.noUnderline:link, a.noUnderline:visited, a.noUnderline:hover, a.noUnderline:active { text-decoration:none; text-transform:uppercase; }
	
#headerTitle{
    padding:10px 10px 10px 10px;
    margin:auto;
}
#headerTitleWeather{
    padding:10px 0px 10px 0px;
    margin:auto;
}

#title{
  color:#FFF;
  font-size:24px;
  text-transform: uppercase;
  padding: 20px 20px 20px 20px;
  text-align: center;
  width:auto;
}

#footer{
    height: auto;
    background-color:#002255;
	border-top:#FFF solid 2px;
	color:#FFF;
	font-size:20px;
    text-align:right;
	padding:15px;
	position: fixed;
	z-index:99;
    bottom: 0px;
    overflow: hide;
    width:100%;
}

a.footer:link, a.footer:visited, a.footer:hover, a.footer:active { color:#FFF; }

* {
  box-sizing: border-box;
}

/* Container for flexboxes */
.row {
  display: flex;
  flex-wrap: wrap;
}

/* Create four equal columns */
.column {
  flex: 33.33%;
  padding: 5px;
}

/* Create four equal columns */
.columnIcons {
  flex: 33.33%;
  padding: 5px;
}

.adIcons {
  width:360px;
}

.adImage {
  width:800px;
  height:750px;
}

.weatherIcon {
  width:200px;
}

.weatherText {
  font-size:24px;
}

.mapSize {
  width:815px;
  height:500px;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 600px) {
  .column {
    flex: 50%;
  }
  .columnIcons {
    flex: 50%;
  }
  .adIcons {
    width:170px;
  }
  .adImage {
    width:385px;
    height:361px;
  }
  .mapSize {
    width:385px;
    height:220px;
  }
  .weatherIcon {
    width:100px;
  }
  .weatherText {
    font-size:16px;
  }
}

.responsive {
  width: 100%;
  height: auto;
  max-width:800px;
}

.column1 {
  float: left;
  width: 100%;
  padding: 0 5px;
  margin-bottom:5px;
}

/* Float three columns side by side */
.column3 {
  float: left;
  width: 33.33%;
  padding: 0 5px;
}

#button { margin:15px; padding:24px; color:#FFF;
     border-radius: 10px;
}

.color1{
  background-color:#00BBA9;
}

.color2{
  background-color:#C04300;
}

.color3{
  background-color:#C04300;
}

.color4{
  background-color:#FC6A03;
}

.colorArrivals{
  background-color:#028A0F;
}

.colorDepartures{
  background-color:#D16002;
}

#content{
    width: 100%;
    margin-bottom:100px;
}

/* Style the counter cards */
.cat1 {
  border-radius: 10px;
  color:#FFF;
  font-size:20px;
  text-transform: uppercase;
  padding: 5px 0px 5px 0px;
  text-align: center;
}

.cat2 {
  border-radius: 10px;
  color:#FFF;
  font-size:13px;
  text-transform: uppercase;
  padding: 5px 0px 5px 0px;
  text-align: center;
}

.flights{
  font-size:12px;
}

.directions{
  font-size:12px;
}

#buttonsHome { margin:0px 60px 24px 60px; padding:24px; background-color:#2e368f; color:#FFF;
   border-radius: 10px;
}

#buttonsHomeBottom { margin:0px 60px 60px 60px; padding:24px; background-color:#2e368f; color:#FFF;
    border-radius: 10px;
}

#buttons { margin:15px; padding:24px; background-color:#2e368f; color:#FFF;;
    border-radius: 10px;
}

#homeButton { 
    position: fixed;
    bottom: 0px;
	left: 0px;
	z-index:100;
    padding:15px;
	background-color:#C00000;
	color:#FFF;
	border-radius:10px;
}

#backButton { 
    margin-left: auto;
    margin-right: auto;
	margin-top: 24px;
	padding:20px;
	background-color:#C00000;
	color:#FFF;
    font-size:24px;
	width: 250px;
	border-radius: 10px;
}

#adInfoButton { 
    margin-left: auto;
    margin-right: auto;
	margin-top: 24px;
	padding:20px;
	background-color:#2e368f;
	color:#FFF;
	width: 300px;
	border-radius: 10px;
}

#adIcons { margin:18px; float:left; }

#headerHome{
    height: auto;
    color:#FFF;
	font-size:60px;
	font-weight:bold;
    margin-bottom: 20px;
    padding:0px 0px 0px 0px;
	width:100%; 
    overflow: hide;
	z-index:5000;
}

#header{
    background-color:#002255;
    border-bottom:#FFF solid 3px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
    padding:30px 0px 30px 0px;
	position:fixed;
    top:0; 
    width:100%;
    max-width:815px; 
    height:80px;
    overflow: hide;
	z-index:5000;
}

#footerDirections{
    width:100%;
    max-width:815px;
    height: auto;
    background-color:#002255;
	border-top:#FFF solid 2px;
	color:#FFF;
	font-size:20px;
    text-align:right;
	padding:15px;
	position: fixed;
	z-index:99;
    bottom: 0px;
    overflow: hide;
    width: 100%
}

#adsInfo{
	margin-left: auto;
    margin-right: auto;
	color: #FF6;
	font-size: 24px;
	text-transform: uppercase;
    padding: 20px 0px 20px 0px;
    width: 100%; 
}

#adsInfoTitle{
	margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
	z-index:100;
    width:100%; 
    overflow: hide;
}

#contentAds{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 124px;
    margin-top: 0px;
    overflow: auto;
    width: 98%;
}

#adInfoContent{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 124px;
    margin-top: 5px;
	position: relative;
    overflow: auto;
    width: 98%;
}

#contentWeather{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 124px;
    overflow: auto;
    width: 100%;
}

#flightButton { 
	z-index:100;
    padding:30px;
	background-color:#2e368f;
	color:#FFF;
	border-radius: 10px;
}

#adInfoButtonSmall { 
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
	padding:5px;
	background-color:#2e368f;
	color:#FFF;
	width: 300px;
	border-radius:10px;
}