@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700,900);
/* Floating Banner */
  #wrap2 {margin: 0 auto; max-width: 250px; width:100%;  padding: 0;z-index: 100;position: absolute;top:54px;left:0;}

  #wrap2 p,a {padding: 0;background-color:inherit;}

  .phone a {
    outline: 0;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
  }
  .phone a:hover {color: #ccc;}

  #wrap2 h2 {
    font-size: 24px;
    margin-bottom:8px;
    font-variant:small-caps;
    color: white;
    background:#336699;
  }
  #wrap2 h3 {
    font-size: 16px;
    margin-bottom:8px;
    color: white;

  }
  #wrap2 h4 {
    font-size: 14px;
    padding: 3px;
    margin: 5px 0 0 0;
    color: white;
	font-weight: 400;
  }

  #wrap2 h5 {
    font-size: 16px;
    font-style:italic;
    padding: 2px;
    margin: 3px 0 5px 0;
    color: #fff;
  }
  #wrap2 p {
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 2px;
    color: white;
  }

  .headbnr {
    width: 100%;
    padding:8px 0;
    text-align: center;
    background:#336699;
    color: #FEBF00;
  }


  .btn-bgstroke {
    background-color:#E7DEDE;
    color: #000;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #FEBF00;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 400;
    margin: 8px;
    text-decoration:none;
  }
  .btn-bgstroke:hover {
    background-color: #fff;
    color: #3C5776;
    border: 1px solid #6FCEF2;
    text-decoration:none;
  }
  /*End Floating Banner*/

  /* Close Banner*/
  #close {position:absolute;left:1px;top:56px;z-index:100;}

  .close{
    cursor: pointer !important;
    float: right;
  }

  .close:before,
  .close:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #fff;
    visibility:hidden;
  }

  .close:before {
    webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .close:after {
    webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  /*End Close Banner*/

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

	h2 {font-size: 1.6em; margin: 2px 0 0 5px;}
	body {font-size: 13px;}
	#wrap2 h1 {font-size: 1.2em; padding: 2px;width:98%;}
	#wrap2 h2 {font-size: 1.0em; margin: 2px 0 10px 5px;}
	#wrap2 h3 {font-size: .8em; margin: 2px 0 10px 5px;}
	#wrap2 h4 {font-size: .5em; margin: 2px 0 0 5px;}
	#wrap2 .phone a {font-size: .9em; letter-spacing:normal;}
	.btn-bgstroke {font-size: 12px;max-width:150px}
}

@media screen and (max-width: 768px) 	{
	.left-col {width: 100%;}
	.sidebar {width: 100%;}
	.left-col-2 {width: 100%;}
	.sidebar-2 {width: 100%;}
	.button {font-size: 100% !important;}
.bnr {margin-top:10px;margin-bottom:10px;}

}
@media screen and (max-width: 950px) {
.bnr {font: normal .55em roboto;}
}