body {
    font-family: Georgia, "Hoefler Text", Times, "Times New Roman", serif;
}

/* If you use a fill width class, you need to have a container tag inside it              */
/* If you don’t the page width is too wide and the section scrolls horizontally on phones */
.full-width {
    display: table;
    width: 100%;
    height: auto;
}

.display-table {
    display: table;
}

.display-table-cell {
    float: none;
 	display: table-cell;
}

/*********************************************************************************/
/* Special Cases Section                                                         */
/*********************************************************************************/

/* Padding and height modifiers */
.padding-bottom2em {
    padding-bottom: 2em;
}

.padding-top2em {
    padding-top: 2em;
}

.padding-top-columns {
    padding-top: 3em;
}

.zero-margins {
    margin: 0;
}

.zero-padding {
    padding: 0;
}

.zero-padding-right {
    padding-right: 0;
}
/*********************************************************************************/
/* Image Section                                                                 */
/*********************************************************************************/

.image-border {
   border:2px solid #333;
   width: 100%;
}

.image-rounded {
   border-radius: .5em;
   width: 100%;
}

.image-carousel {
    width: 100%;
}

/*********************************************************************************/
/* Form Buttons Section                                                          */
/*********************************************************************************/

    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .button {
        -webkit-appearance: none;
        position: relative;
        display: inline-block;
        background: #576F67;
        padding: 0.85em 3em 0.85em 3em;
        border-radius: 0.25em;
        cursor: pointer;
        border: 0;
        color: #fff;
        text-align: center;
        text-decoration: none;
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    input[type="button"]:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    .button:hover {
        background: #7E505F;
    }

/*********************************************************************************/
/* Links Section                                                          */
/*********************************************************************************/
a { text-decoration: underline;}
a:link    { color: #642033; }
a:visited {	color: #642033; }
a:active  { color: #ccf; }
a:hover   { color: #642033; }

#airport_menu {
	margin-top: 1em;
	margin-bottom: 2em;
	font-weight: 700;
}
#airport_menu a:link {
	color: #642033;
	font-size: 110%;
	text-decoration: none;
}

#airport_menu a:visited {
	color: #555;
	text-decoration: underline;
}

#airport_menu a:hover {
	color: #900;
}


/*********************************************************************************/
/* Colors and Backgrounds Section                                                          */
/*********************************************************************************/

/* Backgrounds */
.background-pinkish {
    background:	linear-gradient(45deg, #384955, #655361, #85505f);
}

.background-greenish {
    background:	linear-gradient(45deg, #5f796b, #3a4e59, #2f394e);
}

.background-white {
    color: #333;
    background-color: #FFF;
}

.emphasized {
	font-weight: 800;
	color: #642033;
}

.italic {
	font-style: italic;
}

.centered { text-align: center; }
.zero-margins {margin: 0}

.black  { color: #000; }
.white  { color: #fff; }
.gray   { color: #333; }
.red    { color: #f01d1d; }
.drkred { color: #941100; }
.blue   { color: #0096ff; }
.violet { color: #011892; }
/*********************************************************************************/
/* default styles here for older browsers.
/* I tend to go for a 600px - 960px width max but using percentages
/*********************************************************************************/
    @media only screen and (min-width:960px){
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width:1440px){
        /* styles for browsers larger than 1440px; */
    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width:480px){
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media only screen and (device-width:768px){
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }