/* ----------   STYLE CODE FOR THE WHOLE SITE - CUSTOM CODE BY CB  ---------- */


* {box-sizing: border-box;}

#rectangle {
  height: auto;
  position:top;
  left:0px;
  right:0px;
  width: auto;
  padding:0px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  z-index:100;

}

.rectangle {
  height: auto;
  position:top;
  left:0px;
  right:0px;
  width: auto;
  padding:0px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  z-index:100;

}

#rectangle2 {
  height: auto;
  position:top;
  left:0px;
  right:0px;
  width: auto;
  padding:0px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  z-index:100;
  display:none;
  position:fixed;
}

.rectangle2 {
  height: auto;
  position:top;
  left:0px;
  right:0px;
  width: auto;
  padding:0px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  z-index:100;
  display:none;
  position:fixed;
}

/** @media only screen and (max-width:600px) {
#rectangle {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
} 
} **/

.parallax {
  /* The image used */
  background-image: url("YorkUnit.jpg");

  /* Set a specific height */
  min-height: 675px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#Logo {
  position:left; 
}

#headline {
   font-family:Lobster;
   text-align:center;
   color:black;
   line-height:1.1em; 
   margin:0;
   margin-top:3px;
   padding:0;
   text-decoration-line:underline;
   clear:both;
}

#home-headline {
   font-family:Lobster;
   text-align:center;
   color:black;
   line-height:1.1em; 
   margin:0;
   margin-top:3px;
   padding:0;
   clear:both;
}

#about-subheadline {
   font-family:Lobster;
   text-align:center;
   font-weight:bold;
   color:#15355B;
   line-height:1.1em; 
   margin:0;
   margin-top:3px;
   padding:0;
   text-decoration-line:underline;
   clear:both;
}

.underline {
   text-decoration-line:underline;
}

.center {
margin: auto;
width: 70%;
}

.centered {
margin: auto;
width: 80%;
}

.responsive {
   max-width: 100%;
  height:auto;
}

p  {
   font-family:'Oswald', sans-serif;
   color:black;
}   

body {
   margin:0;
   background-color:#e6e6e6;
   transition:background-color .5s;
}

#main {
   transition: margin-left .7s;
   overflow:hidden;
}

a {
   color:#0066CC;
   text-decoration:none;
}

a:active {
   color:#0066CC;
   text-decoration:underline;
}

a:visited {
   color:#0066CC;
   text-decoration:none;
}

a:hover {
   color:#0066CC;
   text-decoration:underline;
}

.sidenav a {
   color: #818181;
   text-decoration:none;
}

.sidenav a:hover {
   color:#f1f1f1;
   text-decoration:none;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

#footer-text {
  margin:0;
  position:absolute;
  left:0px;
  right:0px;
  width:100%;
  padding:1px;
  font-family: 'Oswald', sans-serif;
  background-color:#15355B;
  color:#ffffff;
  border:2px solid black;
  text-align:center;
}

#Mobile-Phone-Button {
  border-radius:50%;
  border:4px solid black;
  display:block;
  position:fixed;
  cursor:pointer;
  bottom:84px;
  right:28px;
  z-index:100;
}

.Sun-Moon-Bg-Desktop {
    width:69px;
    height:38px;
    border-radius:36px;
    background-image:url(Sun-Moon-New2.png);
    background-size:cover;
    box-shadow:2px 1px 5px -1px #000;
    box-shadow:inset 1px 0px 2px -1px #a3a2a2;
                     2px 0px 2px -1px #a3a2a2;
    border:3px inset #0a81f7;
     position:relative;
    transform: translate(-5%, 19%);
 /*    cursor:pointer;   */
}

.Sun-Moon-Bg {
    width:96px;
    height:50px;
    border-radius:50px;
    padding-bottom:10px;
    background-image:url(Sun-Moon-New2.png);
    background-size:cover;
    box-shadow:2px 1px 5px -1px #000;
    box-shadow:inset 1px 0px 2px -1px #a3a2a2;
                     2px 0px 2px -1px #a3a2a2;
    border:3px inset #0a81f7;
    position:absolute;
    margin:44px 30px;
    cursor:pointer;
}

#toggle-desk {
    transform: translateX(31px);
-webkit-transform: translateX(31px);
animation-duration: 0.3s;
    width:33px;
    height:33px;
    border-radius:50%;
    margin-top:-1px;
    background-color:#0a81f7;
    transition:.3s;
    box-shadow:1px 1px 4px 1px #a3a2a2;
               2px 0px 4px 1px #a3a2a2;
    cursor:pointer;
    z-index:1;
}

#toggle {
    transform: translateX(45px);
-webkit-transform: translateX(45px);
animation-duration: 0.3s;
    width:45px;
    height:45px;
    border-radius:50%;
    margin: 0px 0px 1px 0px;
    background-color:#0a81f7;
    transition:.3s;
    box-shadow:1px 1px 4px 1px #a3a2a2;
               2px 0px 4px 1px #a3a2a2;
    cursor:pointer;
}

#GrayLogo {
    display:none;
}

#Hidden-Tag-P {
  display:none;
  font-size:0.1pt;
  color:#e6e6e6; 
  margin:none;
}

#Trust-Logo-Center {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  clear:both;
}

#tooltip-popup {
   width:242px;
   height:auto;
   border:3px solid #00B073;
   display:none;
   z-index:2;
   position:fixed;
   bottom:100px;
   left:41%;
}

#green-background {
   width:100%;
   background-color:#00B073;
   margin:0;
}

#first {
   font-family:'Heebo', sans-serif;
   font-weight:bold;
   line-height:1em;
   font-size:11pt;
   color:white;
   padding:10px 0px 0px 5px;
}

#second {
   font-family:'Heebo', sans-serif;
   font-weight:bold;
   line-height:1.1em;
   font-size:9pt;
   color:white;
   padding:3px 0px 5px 5px;
}

#text {
   font-family:'Heebo', sans-serif;
   font-size:8.5pt;
   color:#6E6E6E;
   line-height:1em;
   padding:5px 0px 0px 5px;
   overflow:hidden;
   background-color:white;
}

#USA_Flag {
   float:right;
   display:inline-block;
   width:31px;
   height:17px;
   margin:0 10px 0 0;
}


@media only screen and (min-width: 911px) {
  #cssmenu {
    display: block;
  }
  #cssmenu2 {
    display: none;
  }
}

@media only screen and (min-width: 601px) and (max-width:910px) {
  #cssmenu {
    display: none;
  }
  #cssmenu2 {
    display: block;
  }
}

@media only screen and (min-width: 601px) {
  #mobile_menu {
    display: none;
} 
  .FBlogomenu {
    max-width:34px;
}
  #headline { 
    font-size:40pt;
}
  #home-headline { 
    font-size:40pt;
}
  #about-subheadline { 
    font-size:40pt;
}
  .center {
    font-size:20pt;
}
  .centered2 {
    margin: auto;
    width: 80%;
}
  .form-container {
    font-size:15pt;
}
  .open-button { 
     padding: 16px 15px;
    }
  #footer-text {
    font-size: 11pt;
}
  .Sun-Moon-Bg-Desktop {
     display:block;
}
  .Sun-Moon-Bg {
     display:none;
}
}

@media only screen and (max-width: 600px) {
  #cssmenu {
    display: none;
  }
  #cssmenu2 {
    display: none;
  }
  #mobile_menu {
    display: block;
}
  .FBlogomenu {
    display: none;
}
  #headline { 
    font-size:24pt;
}
  #home-headline { 
    font-size:24pt;
}
  #about-subheadline { 
    font-size:24pt;
}
  .center {
    width: 90%;
    font-size:14pt;
}
   .centered2 {
    margin: auto;
    width: 95%;
}
   .form-container {
    font-size:12pt;
}
   .open-button { 
     padding: 16px 18px;
    }
   #footer-text {
     font-size: 9pt;
}
  .Sun-Moon-Bg {
     display:block;
}
  .Sun-Moon-Bg-Desktop {
     display:none;
}
}

/* ----------   POP-UP FORM HIDDEN BY DEFAULT   ---------- */


.open-button {
  background-color: #555;
  color: white;
  font-weight: bold;
  border: none;
  cursor: pointer;
  position: fixed;
  bottom: 23px;
  right: 28px;
  z-index:100;
  width: 350px;
  font-size:15pt;
  opacity:1;
  overflow: hidden;
  white-space: nowrap;
}

.open-button:hover {
  text-decoration-line: underline;
}

.open-button a:link{
    color:white;
}

.form-popup {
  display: none;
 margin: auto;
 text-align: center;
  z-index: 9;
position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
}

.form-container {
  max-width: 800px;
   margin: auto;
  background-color: white;
  border: 1px solid black;
  padding-top:5px;
  font-family: 'Oswald', sans-serif;
  color:black;
}

.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 5px;
  margin: 5px 0 10px 0;
  border: none;
  background: #f1f1f1;
}

.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
}

.form-container .cancel {
  background-color: red;
}

.form-container .btn:hover {
  opacity: 1;
}

.animate-form-opacity {  
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
    }

#popup-contact-header {
   font-size:130%;
   font-family: 'Oswald', sans-serif;
   color:black;
   font-weight:bold;
}

#ASAP {
   text-decoration:none;
}

#name-input {
   font-size:12pt;
   max-width:250px;
   height:25px;
   border:1px solid black;
   padding:3px;
   text-align:center;
   color:black;
}

#email-input {
  font-size:12pt;
   max-width:250px;
   height:25px;
   border:1px solid black;
   padding:3px;
   text-align:center;
   color:black;
}

#phone-input {
   font-size:12pt;
   max-width:250px; 
   height:25px;
   border:1px solid black;
   padding:3px;
   text-align:center;
   color:black;
}

#message-input {
    font-size:12pt;
    border:1px solid black;
    padding:3px;
    color:black;
    max-width:350px;
}

#popup-contact-required {
  font-family: 'Oswald', sans-serif;
  margin-top:0;
  font-weight:bold;
}

#popup-contact-required2 {
  font-family: 'Oswald', sans-serif;
  margin-top:0;
  font-weight:bold;
}

@media only screen and (max-width:600px) {
.Name {
   font-size:15pt;
}
.Phone-Number {
   font-size:15pt;
}
.Request-Phone {
   font-size:15pt;
}
.Preferred-Day {
   font-size:15pt;
}
.Message {
   font-size:15pt;
}
.Required {
   font-size:15pt;
}
.Email {
   font-size:15pt;
}
}

#Cap-Ast {
   color:#FF0000;
   font-weight:bold;
   font-size:111%;
   position:absolute;
}

#End-Ast {
   color:#FF0000;
   font-size:17pt;
}

.bold {
   font-weight:bold;
}

.red {
   color:#FF0000;
}




/* ----------   STYLE CODE FOR THE DESKTOP MENU ON WHOLE SITE   ---------- */


#cssmenu {
  border: none;
  border: 0px;
  margin: 0%;
  padding: 0px;
  font: 100% 'Medula One', cursive;
  font-size: 25pt;
  font-weight: bold;

  position: relative; 
  left:0px; 
  width:100%;
  text-align:center;
}

#cssmenu ul {
  background: #15355B;
  height: 55px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#cssmenu li {
  display: inline-block;
  margin: auto;
  padding: 0px;
}

#cssmenu li a {
  background: #15355B;
  display: block;
  font-weight: normal;
  line-height: 55px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}

#cssmenu > ul > li > a {
  color: #cccccc;
}

#cssmenu ul ul a {
  color: #cccccc;
}

#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #A8C076;
  color: #15355B;
  text-decoration: none;
}


#FBLogoMenu {
  position:relative;
  transform: translate(-10%, 15%);
}



#cssmenu2 {
  border: none;
  border: 0px;
  margin: 0%;
  padding: 0px;
  font: 100% 'Medula One', cursive;
  font-size: 25pt;
  font-weight: bold;
  position: relative; 
  left:0px; 
  width:100%;
  text-align:center;
}

#cssmenu2 ul {
  background: #15355B;
  height: 55px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#cssmenu2 li {
  display: inline-block;
  padding: 0px;
}

#cssmenu2 li a {
  background: #15355B;
  display: block;
  font-weight: normal;
  line-height: 55px;
  margin: 0px;
  padding: 0px 17px;
  text-align: center;
  text-decoration: none;
}

#cssmenu2 > ul > li > a {
  color: #cccccc;
}

#cssmenu2 ul ul a {
  color: #cccccc;
}

#cssmenu2 li > a:hover,
#cssmenu2 ul li:hover > a {
  background: #A8C076;
  color: #15355B;
  text-decoration: none;
}





#cssmenu ul ul {
            position:absolute;
            width:260px;
            top:55px; 
        }
#cssmenu2 ul ul {
            position:absolute;
            width:260px;
            top:55px; 
        }
#mySidenav ul {
            position:absolute;
            width:250px;
            margin-top:0px;
            list-style:none;
        }
        
#cssmenu ul ul li {
            text-align:left; 
            margin:0;
        }
#cssmenu2 ul ul li {
            text-align:left; 
            margin:0;
        }
#mySidenav ul li {
            text-align:left; 
            margin:0;
        }
        
#cssmenu ul ul li a {
            height:0; 
            line-height:0; 
            width:260px; 
            color:#cccccc;
            padding:0 20px;
            -moz-opacity: 0;
            opacity:0;
            filter: alpha(opacity=0);
        }
#cssmenu2 ul ul li a {
            height:0; 
            line-height:0; 
            width:260px; 
            color:#cccccc;
            padding:0 20px;
            -moz-opacity: 0;
            opacity:0;
            filter: alpha(opacity=0);
        }
#mySidenav ul li a {
            height:0; 
            line-height:0; 
            width:250px; 
            font-size: 22px;
            color:#818181;
            padding:0px;
            -moz-opacity: 0;
            opacity:0;
            filter: alpha(opacity=0);
        }

#cssmenu ul ul {
            visibility:hidden;
            position:absolute;
        }
#cssmenu2 ul ul {
            visibility:hidden;
            position:absolute;
        }
#mySidenav ul {
            visibility:hidden;
            position:absolute;
        }

#menu-hover a {
	        transition:all 0.3s linear; 
	        -o-transition:all 0.3s linear;
	        -moz-transition:all 0.3s linear; 
	        -webkit-transition:all 0.3s linear;
        }
#menu2-hover a {
	        transition:all 0.3s linear; 
	        -o-transition:all 0.3s linear;
	        -moz-transition:all 0.3s linear; 
	        -webkit-transition:all 0.3s linear;
        }
#mobile-hover a {
	        transition:all 0.3s linear; 
	        -o-transition:all 0.3s linear;
	        -moz-transition:all 0.3s linear; 
	        -webkit-transition:all 0.3s linear;
        }

#menu-hover:hover ul li a {
            height:47px;
            line-height:47px;
            -moz-opacity: 1;
            opacity:1;
            filter: alpha(opacity=100);
            border-bottom:1px solid #cccccc;
        }
#menu2-hover:hover ul li a {
            height:47px;
            line-height:47px;
            -moz-opacity: 1;
            opacity:1;
            filter: alpha(opacity=100);
            border-bottom:1px solid #cccccc;
        }

#mobile-hover:hover ul li a {
            height:47px;
            line-height:47px;
            -moz-opacity: 1;
            opacity:1;
            filter: alpha(opacity=100);
            border-bottom:1px solid #cccccc;
            transform:translateX(175px);
            -o-transform:translateX(175px);
            -moz-transform: translateX(175px);
            -webkit-transform: translateX(175px);
        }
#mobile-hover ul li a:hover {
            color: #f1f1f1;
        }
/** #mobile-hover ul li a {
       transform:translateX(-175px);
}  **/

#menu-hover:hover ul li:first-child {
            border-top:1px solid #cccccc;
        }
#menu2-hover:hover ul li:first-child {
            border-top:1px solid #cccccc;
        }
#mobile-hover:hover ul li:first-child {
            border-top:1px solid #cccccc;
        }
        
#cssmenu #menu-hover > ul {
            transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
            -o-transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
            -moz-transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
	        -webkit-transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
        }
#cssmenu2 #menu2-hover > ul {
            transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
            -o-transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
            -moz-transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
	        -webkit-transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
        }
#mySidenav #mobile-hover > ul {
            transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
            -o-transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
            -moz-transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
	        -webkit-transition:opacity 0.2s 0.01s ease-in-out, top 0.1s 0.1s ease-out, visibility 0.1s 0.1s linear;
        }

#cssmenu #menu-hover:hover > ul {
            visibility:visible;
            position:absolute;
        }
#cssmenu2 #menu2-hover:hover > ul {
            visibility:visible;
            position:absolute;
        }
#mySidenav #mobile-hover:hover > ul {
            visibility:visible;
            position:absolute;
        }
        





/* ----------   STYLE CODE FOR THE MOBILE MENU & ANIMATED MENU BUTTON ON WHOLE SITE   ---------- */


#mobile_menu {
  background: #15355B;
  height: 40px;
  position: relative;
  left:0px;
  width:100%;
}

#menu_button {
  float: left;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

#magic {
  animation: fadeMe 1s;
}

@keyframes fadeMe {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #cccccc;
  margin: 6px 10px;
  border-radius: 18%;
}

.change .bar1  {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
  animation-duration: 0.7s;  
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.change .bar2 {  
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  }
  @-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
  }
  @keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
    }

.change .bar3  {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
  animation-duration: 0.7s;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



/* ----------   THE SLIDE-OUT MOBILE MENU   ---------- */


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 50px;
}

.sidenav a {
  padding: 8px 0px 8px 32px;
  text-decoration: none;
  font-family:Lobster;
  font-size: 35px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
  text-decoration: none;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 35px;
  margin-left: 50px;
  text-decoration: none;
  font-family: Lobster;
  font-size: 55px;
  color: #818181;
  display: block;
  }

.zoomOut .closebtn {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomOut {
  0% {
  opacity: 1;
  }
  
  50% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  100% {
  opacity: 0;
  }
  }
  @keyframes zoomOut {
  0% {
  opacity: 1;
  }
  50% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  100% {
  opacity: 0;
  }
  }

.zoomIn .closebtn {
  animation: fadeMe 1.2s;
}
 @-webkit-keyframes fadeMe {
  0% {
  opacity: 0;
  }
  50% {
  opacity: 0;
  }
  100% {
  opacity: 1;
  }
  }
  @keyframes fadeMe {
  0% {
  opacity: 0;
  }
  50% {
  opacity: 0;
  }
  100% {
  opacity: 1;
  }
  }

.mobile-facebook-button {
  width:150px; 
  height:45px;
  position:absolute;
  left:32px;
  opacity:0.6;
}

.mobile-facebook-button:hover {
  opacity: 1;
}



/* ----------   STYLE CODE FOR THE HOME PAGE   ---------- */


#Home-Header {
    text-align:center;
}

#Fields-Fleet {
    border:1px solid black;
    margin-top:10px;
    max-width:1300px;
    width:95%;
}

#Home-Barn-Sign {
    border:1px solid black;
    margin-top:10px;
    max-width:1000px;
    width:95%;
}

#Tempstar_AC {
   float:right;
   shape-outside:url(Tempstar_14_Seer_AC.png);
   margin-left:20px;
   shape-margin:20px;
}

#York_AC {
   float:right;
   shape-outside:url(YorkAC.png);
   margin-left:20px;
   shape-margin:20px;
}

#BarnSign {
   float:right;
   margin-left:15px;
}

#Home-Intro-Paragraph {
    max-width:1225px;
    text-indent:20px;
    font-family:'Oswald', sans-serif;
    color:black;
    margin:27px auto;
}

.indent20 {
    text-indent:20px;
}

/* Reviews Slideshow Container */
.mySlides 
img {vertical-align: middle;}

.slideshow-container {
  max-width: 600px;                  
}

.active {
  background-color: #e6e6e6;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

section {
  width: 100%;
  text-align: justify;
}

#Home-Synchrony-Ad {
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  align-items:center;
  max-width:90%;
  margin:auto;
}

#Home-Synchrony-Headline {
  margin-bottom:5px;
}

#Home-Synchrony-Footer {
  margin-top:5px;
  max-width:1200px;
  text-indent:20px;
  text-align:justify;
}

.Reviews-flex-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  overflow: hidden;
  max-width:1300px;
  margin:auto;
}

.New_Reviews {
  height:250px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
}

#Reviews {
  color:black;
}

.Review_Text {
  order:1;
  text-align:center;
  font-style:italic;
/*  color:#444444;  */
  font-weight:bold;
  overflow-wrap:anywhere;
  margin-top:5px;
  padding:0px 5px 0px 5px;
  font-family:'Oswald', sans-serif;
}

.Review_Name {
  order:2;
  text-align:center;
  font-weight:bold;
  font-family:Heebo;
  font-size:130%;
/*  color:black;  */
}

.Google_Review_Logo {
  order:3;
  text-align:center;
  margin-bottom:10px;
}

.Google-Review-Button {
  max-width: 100%;
  height: auto;
  margin:10px;
  flex-shrink: 2;
}

#EmergencyBlock {
   display:flex;
   max-width: 1300px;
   margin:auto;
}

#EmergencyImage {
   border:1px solid black;
}

#EmergencyText {
   font-size:20pt;
   font-family:'Oswald',sans-serif;
   color:black;
}

#Home-Emergency-Contact {
   font-family: 'Oswald', sans-serif;
    color:black;
    clear:both;
    margin-top:10px;
    text-indent:20px;
    max-width:1225px;
    margin-bottom:10px;
}

#Feedback-Header {
   max-width:1225px;
   font-family: 'Oswald', sans-serif;
   color:#15355B;
   font-weight:bold;
}

#Feedback-Footer {
   max-width:1225px;
   font-family: 'Oswald', sans-serif;
   color:#15355B;
   font-weight:bold;
   text-align:center;
}

#Facebook-Footer {
   display:flex;
   flex-direction:column;
   align-items:center;
   font-family: 'Oswald', sans-serif;
   color:black;
   font-weight:bold;
   text-align:center;
   margin:0 0 10px 0;
}

#Tempstar_Authorized_Dealer {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  clear:both;
  margin-bottom:5px;
}

@media only screen and (min-width:1001px) {
  .TempstarAC {
    width:364px;
    height:409px;
}
  .YorkAC {
    width:455px;
    height:452px;
}
  .Barn-Sign {
    width:536px;
    height:400px;
}
#Financing {
     width:1000px;
     height:588px;
}
}

@media only screen and (min-width:601px) and (max-width:1000px) {
   .TempstarAC {
    width:225px;
    height:253px;
}
   .YorkAC {
    width:255px;
    height:253px;
}
   .Barn-Sign {
    width:300px;
    height:224px;
}
}

@media only screen and (max-width: 500px) {
 .Google-Review-Button {
  width: 270px;
}
}

@media only screen and (min-width: 801px) {
   #EmergencyBlock {
    flex-direction:row;
    align-items: center;
    justify-content: center;
}
   #EmergencyText {
    order:1;
    text-align:left;
}
   #EmergencyImage {
    order:2;
    margin-left:20px;
    max-width:60%;
}
  .Jill {
    font-size:120%;
}
   .Mitch {
    font-size:112%;
}
   .Harold {
    font-size:121%;
}
   .Daron {
    font-size:131%;
}
   .Leon {
    font-size:107%;
}
   .Jared {
    font-size:98%;
}
   .Gary {
    font-size:95%;
}
   .Adam {
    font-size:95%;
}
   .Karin {
    font-size:92%;
}
   .Kristina {
    font-size:93%;
}
   .Bryce {
    font-size:80%;
}
   .Sadie {
    font-size:89%;
}
   .Terry {
    font-size:73%;
}
   .Robert {
    font-size:127%;
}
   .Micah {
    font-size:109%;
}
   .Darcy {
    font-size:131%;
}
   .Emily {
    font-size:131%;
}
   .Gayle {
    font-size:122%;
}
   .MattC {
    font-size:126%;
}
   .EmilyB {
    font-size:115%;
}
   .Jason {
    font-size:143%;
}
   .Jami {
    font-size:148%;
}
}

@media only screen and (max-width: 800px) {
  .Jill {
    font-size:107%;
}
  .Mitch {
    font-size:102%; 
}
  .Harold {
    font-size:113%;
}
   .Daron {
    font-size:116%;
}
   .Leon {
    font-size:92%;
}
   .Jared {
    font-size:90%;
}
   .Gary {
    font-size:87%;
}
   .Adam {
    font-size:85%;
}
   .Karin {
    font-size:80%;
}
   .Kristina {
    font-size:80%;
}
   .Bryce {
    font-size:67%;
}
   .Sadie {
    font-size:76%;
}
   .Terry {
    font-size:60%;
}
   .Robert {
    font-size:118%;
}
   .Micah {
    font-size:98%;
}
   .Darcy {
    font-size:120%;
}
   .Emily {
    font-size:116%;
}
   .Gayle {
    font-size:110%;
}
   .MattC {
    font-size:117%;
}
   .EmilyB {
    font-size:106%;
}
   .Jason {
    font-size:135%;
}
   .Jami {
    font-size:140%;
}
}

@media only screen and (min-width: 601px) and (max-width:800px) {
  #EmergencyBlock {
    flex-direction:column;
}
   #EmergencyImage {
    order:1;
    max-width:90%;
    margin:auto;
}
   #EmergencyText {
    order:2;
    text-align:left;
    margin:auto;
}
}

@media only screen and (min-width:901px) {
  .Reviews-flex-container {
    flex-direction: row;
}
}

@media only screen and (max-width:900px) {
  .Reviews-flex-container {
    flex-direction: column;
}
}

@media only screen and (min-width: 601px) {

  #Feedback-Header {
    font-size:27pt;
}
  #Feedback-Footer {
    font-size:15pt;
}
  #Facebook-Footer {
    font-size:13pt;
}
.New_Reviews {
     width:600px;
}
}

@media only screen and (max-width: 600px) {
.TempstarAC {
    width:175px;
    height:197px;
}
.YorkAC {
    width:198px;
    height:197px;
}
.Barn-Sign {
    width:225px;
    height:168px;
}
  #Feedback-Header {
    font-size:19pt;
    margin-top:20px;
    margin-left:20px;
}
  #Feedback-Footer {
    font-size:10pt;
}
  #Facebook-Footer {
    font-size:10pt;
}
 .slideshow-container {
    margin:auto;
    width:95%;
}
  #EmergencyBlock {
    flex-direction:column;
}
   #EmergencyImage {
    order:1;
    max-width:90%;
    margin:auto;
}
   #EmergencyText {
    order:2;
    text-align:left;
    margin:auto;
}
.New_Reviews {
     max-width:600px;
}
}




/* ----------   STYLE CODE FOR THE ABOUT PAGE   ---------- */


#jeremy-caption {
   font-family: 'Oswald', sans-serif;
   color:black;
   text-align:center;
   float:left;
   margin-right:15px;
   margin-top:15px;
   font-weight:bold;
}

.jeremy, .jeremy2 {
   border:1px solid black;
}

#fields-family-caption {
   font-family: 'Oswald', sans-serif;
   color:black;
   float:right;
   text-align:center;
   margin-left:15px;
   font-weight:bold;
}

.family {
   float:right;
   border:1px solid black;
}

#about-bodytext {
   text-align:left;
   color:black;
}

#about-bodytext2 {
   text-align:left;
   color:black;
}

.about-centered {
   max-width:1225px;
   margin: auto;
   width: 75%;
}

#ColtsTeam {
    display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
}

#ColtsTeamPic {
   border:1px solid black;
}

#about-cam-photos {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
}

.CamCutting {
   border:1px solid black;

}

.CamPlenum {
   border:1px solid black;
}

.CamGoodJob {
   border:1px solid black;
}

.WoodStoveCoilPlenum {
   border:1px solid black;
}

.famcaptions {
   font-family: 'Oswald', sans-serif;
    color:black;
    text-align:center;
    font-weight:bold;
}

#ColtsCaption {
   font-family: 'Oswald', sans-serif;
    color:black;
    text-align:center;
    font-weight:bold;
   max-width:95%;
}

@media only screen and (min-width:1001px) {
  .CamCutting {
    width:900px; 
}
  .CamPlenum {
    width:900px; 
}
  .CamGoodJob {
    width:900px; 
}
  .WoodStoveCoilPlenum {
    width:900px; 
}
}

@media only screen and (min-width:801px) and (max-width:1000px) {
  .CamCutting {
    width:700px; 
}
  .CamPlenum {
    width:700px; 
}
  .CamGoodJob {
    width:700px; 
}
  .WoodStoveCoilPlenum {
    width:700px; 
}
}

@media only screen and (min-width: 601px) and (max-width:800px) {
  .CamCutting {
    width:500px; 
}
  .CamPlenum {
    width:500px; 
}
  .CamGoodJob {
    width:500px; 
}
  .WoodStoveCoilPlenum {
    width:500px; 
}  
}

@media only screen and (min-width: 601px) {
  .jeremy {
    width: 236px;
    height:426px;
}
  .jeremy2 {
    width: 341px;
    height:426px;
}
  .family {
    width: 359px;
    height:270px; 
}
  .family2 {
    width: 341px;
    height: 455px; 
}
  .captions {
    font-size: 13pt; 
}
  #about-bodytext {
    font-size:20pt;
    text-indent:20px;
}
  #about-bodytext2 {
    font-size:20pt;
    text-indent:20px;
}
  .about-centered {
    width: 75%;
}
  .famcaptions {
    font-size: 16.5pt; 
}
  #ColtsCaption {
    font-size: 16.5pt; 
}
.CamPlenum { 
    margin-top:33px;
}
  .CamGoodJob {
    margin-top:33px;
}
  .WoodStoveCoilPlenum {
    margin-top:33px;
}  
}
/* If the screen size is 600px or less, set the font-size of ..... to 16pt */
@media only screen and (max-width: 600px) {
  .jeremy {
    width: 118px;
    height:213px;
}
  .jeremy2 {
    width: 165px;
    height:206px;
}
  .family {
    width: 180px;
    height:135px;
}
  .family2 {
    width: 165px;
    height: 220px;
}
  #about-bodytext {
    text-indent:7px;
}
  #about-bodytext2 {
    text-indent:7px;
}
  .captions {
    font-size: 11pt; 
}
  .bodytext {
    font-size:14pt;
}
  .about-centered {
    width: 90%;
}
  .form-container {
    font-size:12pt;
}
  .famcaptions {
    font-size: 12pt; 
}
  #ColtsCaption {
    font-size: 12pt; 
}
  .CamCutting {
    width:90%; 
}
  .CamPlenum {
    width:90%; 
    margin-top:22px;
}
  .CamGoodJob {
    width:90%; 
    margin-top:22px;
}
  .WoodStoveCoilPlenum {
    width:90%; 
    margin-top:22px;
}  
}



/* ---------   STYLE CODE FOR THE SERVICES PAGE, WESTPORT, HOPE, COLUMBUS, HARTSVILLE, GREENSBURG   --------- */


.services-center {
    margin: auto;
    text-align: center;
}

.services-centered {
   margin: auto;
   width: 75%;
}

.equip_caption {
   display:flex;
   flex-direction:column;
   justify-content:center;
   max-width: 100px;
   text-align:center;
   font-family:'Heebo', sans-serif;
   font-weight:bold;
}

#Video-Container {
 max-width:1000px;
 margin:auto;
}

.Tempstar_Testing_Video-Container {
position: relative;
max-width:1000px;
padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
margin:0px auto;
height:auto;
overflow:hidden;
}

#Why-Tempstar-Para {
    text-align:left;
}

@media only screen and (max-width:1000px) {
.Tempstar_Testing_Video-Container {
 max-width:90%;
}
}

@media only screen and (min-width:1001px) {
#Why-Tempstar {
 margin-top:15px;
}
}

.Tempstar_Testing_Video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:auto;
}

#columbus-headline {
   font-family:Lobster;
   text-align:center;
   color:black;
   margin:0;
   margin-top:10px;
   padding:0;
   clear:both;
   text-decoration-line:underline; 
}

#columbus-subheadline {
   font-family:'Oswald',
   sans-serif;
   text-align:center;
   color:#15355B;
   margin:0;
   padding:0;
   clear:both;
   font-weight:bold;
}

#Repair-Examples {
    border:1px solid black;
    margin-bottom:10px;
}

#Why-York-Photo {
    border:1px solid black;
    margin-bottom:10px;
}

#first_paragraph {
    max-width:1225px;
    text-indent:20px;
    font-family: 'Oswald', sans-serif;
    text-align:left;
    color:black;
}

.indent {
    text-indent:20px;
    margin-top:10px;
}

.repairblock {
   display:flex;
   justify-content: space-around;
   max-width: 1225px;
   margin:auto;
}

.services-list-header {
   font-size:105%;
   font-weight:bold;
}

#services-list {
   max-width:500px;
   order:1;
   font-family: 'Oswald', sans-serif;
   text-align:center;
   
}

.jeremyrepair {
   border:1px solid black;
   order:2;
}

#tempheadline {
   font-family:Lobster;
   text-align:center;
   color:#15355B;
   text-align:center;
   margin:0;
   padding:0;
   font-weight:bold;
}

.equip-headline {
   font-family:Medula One;
   color:#15355B;
   font-weight:lighter;
   line-height:1.1em;
   margin:0;
   margin-top:3px;
   padding:0;
   text-decoration:underline;
}

.equip-headline2 {
   font-family:'Oswald', sans-serif;
   color:#15355B;
   font-weight:bold;
   line-height:1.1em;
   margin:0;
   margin-top:3px;
   padding:0;
   text-decoration:underline;
}

#Tempstar_Equipment {
    max-width:1300px;
    margin:10px auto 0px;
}

.bodytext1 {
    color:black;
    font-family: 'Oswald', sans-serif;
}

.furnace {
   float:left;
}

.gas-95 {
   float:left;
}

.York-95 {
   float:left;
   margin-right:10px;
}

.acunit {
   float:right;
}

.Yorkacunit {
   float:right;
   shape-outside:url(YorkAC.png);
   margin-left:10px;
   shape-margin:10px;
}

.thermostat {
   float:left;
    padding-right:10px;
}

.Honeywellthermostat {
   float:left;
   margin-right:5px;
}

.heatpump {
    float:right; 
}

.Fujitsuheatpump {
    float:right; 
}

#iwave-header {
    max-width:1225px;
}

.iwaveheadline {
   font-family: 'Oswald', sans-serif;
   text-align:center;
   color:#15355B;
   margin:0;
   padding:0;
   font-weight:bold;
}

.home-finance-headline {
   font-family: 'Oswald', sans-serif;
   text-align:center;
   color:#15355B;
   margin:0;
   padding:0;
   font-weight:bold;
}

#iwavesubheadline {
   font-family: 'Oswald', sans-serif;
   text-align:left;
   max-width:1225px;
   color:#15355B; 
   font-weight:bold;
}

#bodytext2 {
   font-family: 'Oswald', sans-serif;
   text-align:left;
   color:black;
   max-width:1225px;
}

#iwave-endline {
    font-size:108%;
    font-weight:bold;
}

#iwave-caption {
    font-size:11pt;
    font-family: 'Oswald', sans-serif;
    text-align:center;
    color:black;
}

#services-end-para {
    font-size:24pt;
    font-family: 'Oswald', sans-serif;
    text-align:center;
    color:black;
    clear:left;
    max-width:1225px;
    font-weight:bold;
}


@media only screen and (min-width: 1001px) {
  .jeremyrepair {
    width: 400px;
}
 .repairblock {
    font-size:20pt;
}
  #first_paragraph {
    font-size:17pt;
}
  .iwaveheadline {
    font-size:34pt;
}
  .home-finance-headline {
    font-size:38pt;
}
  #iwavesubheadline {
    font-size:34pt;
}
  #columbus-headline {
    font-size:40pt;
}
  #columbus-subheadline {
    font-size:22pt;
}
   .equip-headline { 
    font-size:40pt;
}
   .equip-headline2 { 
    font-size:32pt;
}
}

@media only screen and (max-width:1000px) {
   #Repair-Examples {
    max-width:95%;
}
   #ColtsTeamPic {
    max-width:95%;
}
   #Why-York-Photo {
    max-width:95%;
}
   #iwavecutout {
    max-width:95%;
}
   #iwave-diagram {
    max-width:95%;
}
}

@media only screen and (min-width: 801px) and (max-width:1000px) {
  .jeremyrepair {
    width: 300px;
}
 .repairblock {
    font-size:18pt;
}
  .iwaveheadline {
    font-size:30pt;
}
  .home-finance-headline {
    font-size:34pt;
}
  #iwavesubheadline {
    font-size:30pt;
}
  #columbus-headline {
    font-size:36pt;
}
  #columbus-subheadline {
    font-size:20pt;
}
  .equip-headline { 
    font-size:34pt;
}
  .equip-headline2 { 
    font-size:28pt;
}
}

@media only screen and (min-width: 801px) {
  .bodytext {
    font-size:20pt;
}
  .bodytext1 {
    font-size:20pt;
}
  #first_paragraph {
    font-size:20pt;
}
  #bodytext2 {
    font-size:20pt;
}
}

@media only screen and (min-width: 601px) and (max-width:800px) {
 .jeremyrepair {
    width: 250px;
}
 .repairblock {
    font-size:17pt;
}
  .bodytext {
    font-size:17pt;
}
  .bodytext1 {
    font-size:17pt;
}
  #first_paragraph {
    font-size:17pt;
}
  #bodytext2 {
    font-size:17pt;
}
  .iwaveheadline {
    font-size:26pt;
}
  .home-finance-headline {
    font-size:30pt;
}
  #iwavesubheadline {
    font-size:26pt;
}
  #columbus-headline {
    font-size:30pt;
}
  #columbus-subheadline {
    font-size:16pt;
}
  .equip-headline { 
    font-size:30pt;
}
  .equip-headline2 { 
    font-size:24pt;
}
}


@media only screen and (min-width: 601px) {
  .furnace {
    width:199px;
}
   .gas-95 {
   width:248px;
   height:346px;
}
   .York-95 {
   width:213px;
   height:366px;
}
  .acunit {
    width:297.99px;
}
  .Yorkacunit {
    width:298px;
    height:282px;
}
  .thermostat {
    width:291.2px;
}
  .Honeywellthermostat {
    width:292px;
    height:270px;
}
  .heatpump {
    width:317px;
}
  .Fujitsuheatpump {
    width:360px;
    height:134px;
}
  .form-container {
    font-size:15pt;
}
  .repairblock {
    margin: auto;
    width: 75%;
}
  #tempheadline {
    font-size:34pt;
}
   #footer-text {
       font-size: 11pt;
}
.repairblock {
   flex-direction: row;
   align-items: center;
}
}


@media only screen and (max-width: 600px) {
  .bodytext1 {
    font-size:14pt;
}
  #first_paragraph {
    font-size:14pt;
}
  #bodytext2 {
    font-size:14pt;
}
  .services-centered {
    margin: auto;
    width: 90%;
}
  .furnace {
    width:99.5px;
}
  .gas-95 {
    width:117px;
    height:163px;
}
  .York-95 {
    width:106px;
    height:183px;
}
  .acunit {
    width:148.995px;
}
  .Yorkacunit {
    width:150px;
    height:142px;
}
  .thermostat {
    width:145.6px;
}
  .Honeywellthermostat {
    width:146px;
    height:135px;
}
  .heatpump {
    width:158.5px;
}
  .Fujitsuheatpump {
    width:200px;
    height:75px;
}
  .iwaveheadline {
    font-size:22pt;
}
  .home-finance-headline {
    font-size:26pt;
}
  #iwavesubheadline {
    font-size:22pt;
}    
  #columbus-headline {
    font-size:24pt;
}
  .equip-headline { 
    font-size:25pt;
}
  .equip-headline2 { 
    font-size:18pt;
}
  #columbus-subheadline {
    font-size:14pt;
}
  .jeremyrepair {
    width: 300px;
    margin: auto;
    margin-bottom: 20px;
}
  .repairblock {
    margin: auto;
    width: 90%;
}
  #tempheadline {
    font-size:21pt;
}
   #footer-text {
       font-size: 9pt;
}
.repairblock {
   flex-direction: column;
   font-size:20pt;
}
}



/* ----------   STYLE CODE FOR THE SPECIALS PAGE   ---------- */


   .specials-centered {
     margin: auto;
     text-align:center;
     align-items:center;
}

   .specials-captions {
     max-width:760px;
     font-family:'Oswald',sans-serif;
     color:black;
     font-weight:bold;
}

   #DWU-Offer {
     display:flex;
     align-items:center;
     flex-direction:column;
}

   #keep-checking {
     font-family: 'Oswald', sans-serif;
     text-align:center;
     color:black; 
}

@media only screen and (min-width: 601px) {
   .specials-captions {
    font-size: 16.5pt; 
}
   .specials-centered {
     width: 75%;
}
}

@media only screen and (max-width: 600px) {
  .specials-centered {
    width: 90%;
}
  .specials-captions {
    font-size: 11pt; 
}
}


/* ----------   STYLE CODE FOR THE CONTACT PAGE   ---------- */


#Contact-Header {
  margin-top:10px;
  margin-bottom:10px;
  font-family:Lobster;
  text-align:center;
  color:black;
  line-height:1.1em; 
  padding:0;
  text-decoration-line:underline;
  clear:both;
}

.map {
  margin: auto;
  width: 85%;
  text-align:center;
}

.contact-centered {
  margin:auto;
  max-width:90%;
  text-align: center;
  max-width:1200px;
}

#Contact-P-Form-Header {
  font-size:140%;
  margin:0;
  padding:0;
}

#contactinfo {
  font-family: 'Oswald', sans-serif;
  color:black;
  line-height:1.2;
}

.Contact-Info-Headers {
  font-weight:bold;
  font-size:111%;
}

#Open-Closed-Status {
  margin-bottom:17px;
}

.sign-fb {
  font-family: 'Oswald', sans-serif;
  color:black;
  font-size:14pt;
  max-width:366px;
}

#fields-sign {
  border:1px solid black;
  margin-top:20px;
  margin-bottom:10px;
}

#FBlike {
  font-weight:bold;
}

.FBplugin {
   margin:auto;
}

#contact-page-form {
  font-family: 'Oswald', sans-serif;
  color:black;
  margin-bottom:20px;
  text-align:center;
}

.contact-form-container {
  max-width: 400px;
  align-items:center;
}

.contact-form-container input[type=text], .contact-form-container input[type=password] {
  width: 100%;
  padding: 5px;
  margin: 5px 0 10px 0;
  border: none;
  background: white;
}

.contact-form-container input[type=text]:focus, .contact-form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

.contact-form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  margin-bottom:5px;
  opacity: 0.8;
}

.contact-form-container .cancel {
  background-color: red;
}

.contact-form-container .btn:hover {
  opacity: 1;
}

@media only screen and (min-width: 601px) {
  #googlemap {
    width:400px;  
    height:300px; 
}
  #contactinfo {
    font-size:20pt;
}
  .map {
    margin: auto;
    padding-left:20px;
    margin-right:20px;
    margin-top:20px;
    width:400px;
    float:left;
}
  .sign-fb {
    padding-left:20px;
    float:left;
}
  .contact-form-container {
    font-size:15pt;
    margin-top:15px;
}
  #fields-sign {
    width:366px;
    height:298px;
}
  .FBplugin {
    width:366px;
    height:300px;
} 
  #contact-page-form {
    float:left;
}
   #Contact-Header { 
    font-size:40pt;
}
#googlemap {
  margin-bottom:20px;
}
   .mobile-only-hr {
    display:none;
}
   #fields-sign {
    margin-bottom:30px;
}
}

@media only screen and (max-width: 600px) {
  #googlemap {
    width:325px;
    height:250px;  
}
  .map {
    margin: auto;
    width:325px;
    margin-top:15px;
}
  #contactinfo {
    font-size:17pt;
}
  .contact-form-container {
    font-size:12pt;
}
  #fields-sign {
    width:325px;
    height:265px;
}
  .FBplugin {
    width:325px;
    height:266px;
}
  .sign-fb {
    margin:auto;
}
   #FBlike {
    clear:both;
}
  #contact-page-form {
    margin:auto;
}
  #Contact-Header { 
    font-size:24pt;
}
   .mobile-only-hr {
    display:block;
    width:80%;
    margin:10px auto;
}
}


/* ----------   STYLE CODE FOR THE PRIVACY-POLICY PAGE   ---------- */


#privacy-policy {
    max-width:600px;
    padding-left:10px;
    padding-right:10px;
    background-color:white;
    border:1px solid black;
    text-align:center;
    clear:both;
    font-family: 'Oswald',sans-serif;
    margin:auto; 
}

#Privacy-policy-title {
    font-size:111%;
    text-decoration:underline;
}

@media only screen and (min-width: 601px) {
 #privacy-policy {
     font-size: 18pt;
}
}

@media only screen and (max-width:600px) {
 #privacy-policy {
     margin-left:5px;
     margin-right:5px;
}
 #privacy-policy {
     font-size: 13pt;
}
}



/* ----------   STYLE CODE FOR THE THANKS PAGE   ---------- */


#Thanks-Paragraph {
    max-width:800px;
    padding: 10px;
    margin:auto;
    background-color:white;
    border:1px solid black;
    font-size:150%;
    text-align:center;
    font-family: 'Oswald', sans-serif;
    color:black;
    clear:both;
}

@media only screen and (max-width:800px) {
  #Thanks-Paragraph {
    margin-left:5px;
    margin-right:5px;
}
}



/* ----------   STYLE CODE FOR THE TAGS PAGE   ---------- */


.tags-centered {
   margin: auto;
   width: 80%;
   clear:both;
   max-width:1300px;
   text-align:center;
}

#Tagsheadline {
   font-family:Lobster;
   color:black;
   line-height:1.1em;
   clear:both;
   margin-bottom:5px;
}

.tag-link-text {
   font-family:'Oswald',sans-serif;
   font-weight:bold;
}

#Tags-line {
    font-family:Medula One;
    color:#15355B;
    font-weight:lighter;
    line-height:0.5em;
    clear:both;
    text-align:center;
    text-decoration:underline;
}

#Visible-Tags {
   font-size:16pt;
   text-align:left;
}

#sub-header {
    text-align:center;
    color:black;
    margin:0;
    font-family:'Heebo', sans-serif;
}

@media only screen and (min-width:601px) {
  .tag-link-text {
    font-size:22pt;
}
  #Tagsheadline { 
    font-size:38pt;
    text-align:center;
}
  #Tags-line { 
    font-size:40pt;
}
   #sub-header {
     font-size: 12pt;
}
}

@media only screen and (max-width:600px) {
 .tags-centered {
   margin: auto;
   width: 90%;
}
  .tag-link-text {
    font-size:16pt;
}
  #Tagsheadline { 
    font-size:23pt;
    text-align:center;
}
  #Tags-line { 
    font-size:24pt;
}
   #sub-header {
     font-size: 9pt;
}
}



/* ----------   STYLE CODE FOR THE FINANCING PAGE   ---------- */


.finances-centered {
margin: auto;
}

.Finances-Headline {
   text-align:center;
}

.finances-headline {
   font-family: 'Oswald', sans-serif;
   color:black;
   margin-top:10px;
   margin-bottom:12px;
   padding:0;
   font-weight:bold;
}

#Dealer-Woman-Brochure {
    border:1px solid black;
    max-width:1000px;
    width:95%;
}

#Financing_Couple {
    border:1px solid black;
    max-width:1000px;
    width:95%;
}

#Finances-Intro-Paragraph {
    max-width:1225px;
    text-indent:20px;
    text-align:justify;
    margin: 26px auto 28px;
}

#finance-phone-num {
   text-align:start;
}

#click-button-center {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:0;
}

#click-finance-button {
  background-color: #007BC3;
  color: white;
  text-align: center;
  cursor: pointer;
  font-size:115%;
  font-family:'Faustina', serif;
  border-radius: 15px;
  border: none;
  margin-bottom:15px;
}

.active, #click-finance-button:hover {
  background-color: #555;
}

@media only screen and (min-width: 1001px) {
  .finances-headline {
    font-size:34pt;
}
}

@media only screen and (min-width: 801px) and (max-width:1000px) {
  .finances-headline {
    font-size:30pt;
}
}

@media only screen and (min-width: 601px) and (max-width:800px) {
  .finances-headline {
    font-size:26pt;
}
}

@media only screen and (min-width: 601px) {
   .finances-centered {
    font-size:20pt;
    width:70%;
}
   #click-finance-button {
    padding: 10px 25px;
}
#Finances-Intro-Paragraph {
    margin: 26px auto 28px;
}
}

@media only screen and (max-width: 600px) {
  .finances-headline {
    font-size:19.5pt;
}
  .finances-centered {
    width: 90%;
    font-size:14pt;
}
   #click-finance-button {
    padding: 10px 12px;
    overflow: hidden;
    white-space: nowrap;
}
#Finances-Intro-Paragraph {
    margin: 18px auto 28px;
}
}