/* ORIGINAL */

html    {
	background: #2a2a2a;  /* fallback for old browsers */
	/* background: -webkit-linear-gradient( #a7a7a7, #2a2a2a);  /* Chrome 10-25, Safari 5.1-6 */
	/* background: linear-gradient( #a7a7a7, #2a2a2a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}

body    {
    margin-top: 3%;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

p   {
    font-size: 13px;
}
h2  {
    font-size: 18px;
}
h1{
    font-size: 23px;
}
a{
    font-size: 13px;
}
.sub{
    font-size: 13px;
    font-weight: bolder;
}

.blue   {
    color: #5aa2c4;
    margin-bottom: -0.5%;
}

#louie_email > a   {
    color: white;
    text-decoration: none;
}

#louie_email > a:hover{
    color: #5aa2c4;
}

.padtop {
    padding-top: 3%;
}

#large-header   {
    background: #2a2a2a;  /* fallback for old browsers */
/* background: -webkit-linear-gradient( #a7a7a7, #2a2a2a);  /* Chrome 10-25, Safari 5.1-6 */
/* background: linear-gradient( #a7a7a7, #2a2a2a); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*********************/
/* HEADER WITH IMAGE */
/*********************/

#Header {
    /* position: absolute; */
    /* top: 0%; */
    text-align: center;
    /* margin: auto;
    left: 40%;
	right: 40%; */
	background-color: #2a2a2a;
}

/***************/
/* DESCRIPTION */
/***************/

#Description {
    /* position: absolute; */
    /* top: 21%; */
    text-align: center;
    /* margin: auto;
    left: 30%;
    right: 30%;
    color: white; */
}


/**************/
/* CONTACT US */
/**************/

.details_head   {
    text-align: center;
}

.details_head > h1  {
    font: 35px;
    color: #5aa2c4
}

/* .detss  {
    padding-left: 10%;
} */

#details    {
	width: 50%;
	float: left;
}

#maps   {
	width: 50%;
	float: right;
}

#iframe_maps	{
	text-align: center;
	padding: 2%;
}

.dets   {
    margin-top: 5%;
    margin-bottom: 25%;
}

@media screen and (max-width: 1366px) { /* whatever width you prefer */

  }


/**********************/
/* UNDER CONSTRUCTION */
/**********************/

@import url("https://fonts.googleapis.com/css?family=Raleway");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
#under {
  display: inline-block;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.animated-block {
  margin-bottom: 5%;
  text-align: center;
  margin-top: 20%;
}
.animated-block #nut,
.animated-block #wrench {
  display: block;
  margin: 0 auto;
}

.main-header {
  display: block;
  /* max-width: 300px; */
  margin-bottom: 60px;
  font: 30px 'Raleway', sans-serif;
  /*color: #4d4d4d;*/
  color: white;
  text-align: center;
  text-transform: uppercase;
  /* width: 15%; */
  /* margin-left: 42%; */
  margin-top: 5%;
}

#jason  {
    color: white;
    text-decoration: none;
}

#jason:hover    {
    color: #5aa2c4;
}
	

/****************/
/** BACKGROUND **/
/****************/
.large-header {
	position: relative;
	width: 100%;
	min-height: 2500px;
	background: #333;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 1;
  }

  #content	{
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
  }


/*************************/
/***  SMALLER SCREENS  **/
/*************************/
/* @media screen and (max-width: 1024px) {

    .animated-block {
        margin-top: 5%;
      }

	.main-header	{
		max-width: 100%;
		text-align: center;
		margin-top:10%;
	}

	#under {
		text-align: center;
		width: 100%;
		margin-left: 0%;
    }
    
    p   {
        font-size: 33px;
    }
    h2  {
        font-size: 38px;
    }
    h1{
        font-size: 43px;
    }
    a{
        font-size: 33px;
    }
    .sub{
        font-size: 47px;
    }
    .blue   {
        margin-bottom: -3%;
    }
    .details_head > h1  {
        font-size: 60px;
    }
    .details_head   {
        padding-top: 5%;
	}
	#large-header	{
		min-height: 6000px;
    }

    .dets   {
        margin-bottom: 0;
    }
	#details, #maps {
	float: none;
	text-align: center;
	 width: auto;
	}
	
	.detss {
		padding-left: 0;
	}
	
	#Header > img	{
		width:45%;
		height:25%;
	}
} */

/* @media screen and (max-width: 360px) {

} */

/* start of desktop styles */

@media screen and (max-width: 991px) {
    /* start of large tablet styles */
    .animated-block {
        margin-top: 5%;
      }

	.main-header	{
		max-width: 100%;
		text-align: center;
		margin-top:10%;
	}

	#under {
		text-align: center;
		width: 100%;
		margin-left: 0%;
    }
    
    p   {
        font-size: 18px;
    }
    h2  {
        font-size: 20px;
    }
    h1{
        font-size: 21px;
    }
    a{
        font-size: 18px;
    }
    .sub{
        font-size: 21px;
    }
    .blue   {
        margin-bottom: -2%;
    }
    .details_head > h1  {
        font-size: 40px;
    }
    .details_head   {
        padding-top: 5%;
	}
	#large-header	{
		min-height: 3700px;
    }

    .dets   {
        margin-bottom: 0;
    }
	#details, #maps {
	float: none;
	text-align: center;
	 width: auto;
	}
	
	.detss {
		padding-left: 0;
	}
	
	#Header > img	{
		width:45%;
		height:25%;
    }
    
    footer > p {
        font-size: 15px;
    }

    footer > p > a {
        font-size: 15px;
    }

    }
    
    @media screen and (max-width: 767px) {
    /* start of medium tablet styles */
            
    .animated-block {
        margin-top: 5%;
      }

	.main-header	{
		max-width: 100%;
		text-align: center;
		margin-top:10%;
	}

	#under {
		text-align: center;
		width: 100%;
		margin-left: 0%;
    }
    
    p   {
        font-size: 18px;
    }
    h2  {
        font-size: 20px;
    }
    h1{
        font-size: 21px;
    }
    a{
        font-size: 18px;
    }
    .sub{
        font-size: 21px;
    }
    .blue   {
        margin-bottom: -3%;
    }
    .details_head > h1  {
        font-size: 40px;
    }
    .details_head   {
        padding-top: 5%;
	}
	#large-header	{
		min-height: 3700px;
    }

    .dets   {
        margin-bottom: 0;
    }
	#details, #maps {
	float: none;
	text-align: center;
	 width: auto;
	}
	
	.detss {
		padding-left: 0;
	}
	
	#Header > img	{
		width:45%;
		height:25%;
    }
    
    footer > p {
        font-size: 15px;
    }

    footer > p > a {
        font-size: 15px;
    }
}
    
    @media screen and (max-width: 479px) {
    /* start of phone styles */
        
    .animated-block {
        margin-top: 5%;
      }

	.main-header	{
		max-width: 100%;
		text-align: center;
		margin-top:10%;
	}

	#under {
		text-align: center;
		width: 100%;
		margin-left: 0%;
    }
    
    p   {
        font-size: 18px;
    }
    h2  {
        font-size: 20px;
    }
    h1{
        font-size: 21px;
    }
    a{
        font-size: 18px;
    }
    .sub{
        font-size: 21px;
    }
    .blue   {
        margin-bottom: -3%;
    }
    .details_head > h1  {
        font-size: 40px;
    }
    .details_head   {
        padding-top: 5%;
	}
	#large-header	{
		min-height: 3700px;
    }

    .dets   {
        margin-bottom: 0;
    }
	#details, #maps {
	float: none;
	text-align: center;
	 width: auto;
	}
	
	.detss {
		padding-left: 0;
	}
	
	#Header > img	{
		width:45%;
		height:25%;
    }
    
    footer > p {
        font-size: 15px;
    }

    footer > p > a {
        font-size: 15px;
    }
}