/* CSS Document */

html {
	background:#024e04;
}


body {
  /*background: linear-gradient(90deg, white, gray);*/
  background-color: #fff;
  width:100%;
  
}

body, h1, p {
  font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: center;
  
 
}

#page.notHere {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
}

#page.notHere #main 	{
	
	padding:2.5% 3.5%;
	background: #dcd5c1;
	background: #d6d9d7;
	
}

#page.notHere div#main p.errorHead 	{
	font-family: 'Kurale', cursive;
    font-size: 4em;
    color: #1f691d;
	margin: 0 0 .75em 0;
}

#page.notHere div.error_links	{
	max-width:70%;
	margin:0 15%;
}

#page.notHere div#main p, #page.notHere div.error_links p {
	font-family: 'Cagliostro', sans-serif;
    font-size: 1.8em;
}


#page.notHere div#main p a 	{
	font-family: 'McLaren', cursive;
	color: #1f691d;
	text-decoration: underline;
    
}

#page.notHere div#main p a:hover 	{
	font-family: 'McLaren', cursive;
   color: #ab8049;
	text-decoration: none;
}

.container {
  margin: 0 auto;
  padding:0;
}

.row:before, .row:after {
  display: table;
  content: " ";
}

h1 {
	font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ab8049;
	margin: 0 0 20px 0;
}

.lead {
  font-size: 21px;
  margin: 0 0 20px 80px;
  font-weight: 400;
  padding-top: 5%;
  
}

.lead a {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 20px;
  font-family:'Trebuchet MS', Arial, Verdana, sans-serif;
  color:#00457c;
  text-decoration:none;
}

.lead a:hover	{
	color:#aeb5bb;
}

div.contact_info	{
	text-align: center;
    margin: 3% auto 0 auto;
    
}



div.contact_info p.phone	{
	font-family:Georgia, Times, 'Times New Roman', serif;
	font-size: 2em;
    font-weight: bold;
    color: #ab8049;
	padding-bottom: 2%;

}


p {
  margin: 0 0 1.5em 0;
  color: #333b42;
  font-size: 1.5em;
      
  
}

div.contact_info p {
	font-size: 21px;
	margin: 0 0 8px 0;
	font-weight: 400;
	text-align: center;
}

div.contact_info p a	{
	font-size: 21px;
	margin: 0;
	font-weight: 400;
	text-align: left;
	color:#116a6a;

}

 
.icon, .icon-med	{
	margin: 0 auto;
    padding-top: 5%;
	padding-bottom: 2.5%;
	display:block;
    height: auto;
    max-width: 100%;
	max-height:100%;
    border-bottom: 2px solid #402c13;
	
	}
	
	.icon-med	{
		display:none;
	}
	
	.icon img, .icon-med img {	
	max-width: 100%;
	
	}
	
span.red	{
	color:#8c1919;
	font-family:'Georgia', Times, 'Times New Roman', Palatino, serif;
	font-weight:bold;

}



.icon::after	{
	content:'';
	display:block;
	clear:both;
	
	}

#footer404, #footer404.med	{

    display: block;
    background: #0c290c;
    margin-top: -20px;
    padding-top: 35px;
	height:80px;

	
	
}

#footer404.med	{

    display: none;
    
	
	
}

#footer404 p	{
	font-variant: small-caps;
    color: #d9d8d7;
    letter-spacing: 1px;
	text-transform: lowercase;
	font-size: 1.5em;
	
}

#footer404 span.year	{
	font-family:'Georgia', 'Times New Roman', serif; 
	font-size: 1.1em;
	font-weight: 500;
    color: #d9d8d7;
}


/*  ------  media queries  ------------*/

@media screen and (max-width: 775px) {

#footer404 p	{

	font-size: 3vw;
	
}
	
}


@media screen and (max-width: 600px) {
	
	.icon 	{
		display:none;
	}
	
	.icon-med {	
	display:block;
	
	}
	
#footer404.med	{

    display: block;
	}
  
#footer404	{

    display: none;
	}
	
#footer404 p	{
  
	font-size: 3.5vw;
    line-height: 1.4em;
}
	
	
}
    
    
@media screen and (max-width: 500px) {
    
  div.contact_info p a {
        font-size: 6vw;
    }
    
}
    
    
@media screen and (max-width: 260px) {
    
    h1 {
    font-size: 20vw; 
    }
    
  div.contact_info p.phone {
      
    font-size: 2em;   
    
    }
    
}