@font-face {
    font-family: 'Freight';
    src: url('/font/Freight-DispBookItalic.eot');
    src: url('/font/Freight-DispBookItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Freight-DispBookItalic.woff2') format('woff2'),
        url('/font/Freight-DispBookItalic.woff') format('woff'),
        url('/font/Freight-DispBookItalic.ttf') format('truetype'),
        url('/font/Freight-DispBookItalic.svg#Freight-DispBookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

body {line-height:25px;}
  
#header {background-image:url('/images/body.jpg');}

#navigation {width:330px; margin:0 auto;text-align:center; font-family: 'Freight', 'Ovo';}

#navigation li {float:left; list-style:none;}

#navigation a {padding:20px; display:block; list-style:none; text-decoration:none; font-size:19px; text-decoration:italics;
color:#80232E;}

#navigation .current a {font-weight:bold;text-decoration:underline;}

#navigation ul li ul li {display:none;} 

#navigation ul li:hover ul {position:absolute; z-index:2000; display:block;}

#navigation ul li:hover ul li {z-index:2000; display:block;}

#navigation ul li:hover ul li a {clear:both; position:relative; text-align:left; background-color:#80232E; float:left; color:white; padding:10px; width:130px; text-decoration:none;}

#navigation ul li {list-style:none; float:left; position:relative; z-index:99;}

#wrapper {clear:both; padding:20px; font-size:18px; line-height:30px;}

.wrapper {padding:20px; font-family: 'Ovo', serif; font-size:15px; clear:both;}

.welcome {font-family: 'Freight', 'Ovo'; clear:both;}

.cozy-menu {font-family: 'Ovo', serif; font-size:16px; padding:10px;}

.cozy-description {font-family: 'Ovo', serif; font-size:13px; line-height:15px;}


/*low resolution, 480px and below*/
@media only screen and (max-width: 480px) {
  *{margin:0; padding:0}
  #logo {width:90%; margin:0 auto; padding-top:10px;}
  #logo img {width:100%; position:relative;}
  .border {border-bottom:dotted thin black;padding:5px; margin:0 auto; text-align:center; width:90%;}
  #slider {width:100%;}
  #slider img {width:100%; position:relative;}
  .map {width:100%; height:450px;}
  #navigation {width:100%;}
}

/*medium resolution, 481 to 1023px*/
@media only screen and (min-width:481px) {
 
  *{margin:0; padding:0}
  
   #logo {width:35%; margin:0 auto; padding-top:10px;}
   #logo img {width:100%; position:relative;}
  .border {border-bottom:dotted thin black; padding:5px; margin:0 auto; text-align:center; width:70%;}
  #slider {width:95%; margin:0 auto;}
  #slider img {width:100%; position:relative;}
  .map {width:70%; height:450px;}
}

/*high resolution, 1024px and higher */
@media only screen and (min-width:1024px)
{

  *{margin:0; padding:0;}

  #logo {
    width:300px; 
    padding:10px;
    margin:0 auto;
    padding-top:20px;
  }
  
  #logo img {
    width:100%; 
    position:relative;
  }
  
  #slider {
    width:95%;
    height:35%;
    margin:0 auto;
  }
  
  #slider img {
    width:100%;
    position:relative;
  }
 
  .contain {
    width:50%;
    margin:0 auto;
    overflow:hidden;
  }
  
  .div {
    float:left;
    width:43%;
    padding:10px;
    overflow:hidden;
    margin-left:15px;
    text-align:center;
  }
 
  .border {
  border-bottom:dotted thin black;
  padding:5px;
  width:50%;
  margin:0 auto;
    text-align:center;}
    
    .map {width:60%; height:450px;}
  
  
}