/*
BLUE #342c80
YELLOW #fcdf1c
RED #c42039
*/

/* Old color  color: #c42039; for h1, h3, h4, h5, h6 */

body {
  font-family: 'Poppins', sans-serif;
}

h1.dashboard{

  color: #342c80;
}

h1, h3, h4, h5, h6 {
  font-weight: 600;
  color: #342c80;
}
h2 {
  font-weight: 600;
  color: #342c80;
}

a {color: #342c80; font-weight: bold; text-decoration: none;}
a:hover {color: #342c80; font-weight: bold; text-decoration: underline;}

.page-titles {
  background-color: #f5f5f5;
  padding: 20px 20px 10px;

}
  .page-title h2 {font-family: 'Orbitron' !important; font-weight: 800; color: #fcdf1c !important;}

.center-white {
  padding: 30px;
}
.custom-menu {
  background-color: white;
  margin-bottom: 30px;
  padding: 5px 0;
}
.carousel-caption > h2 {font-family: 'Orbitron'; font-weight: 800; letter-spacing: 5px;}
nav .dropdown-menu {background-color: #fcdf1c !important;}
nav .dropdown-menu a {color: #342c80 !important;}
nav .dropdown-menu a:hover {background-color: #342c80 !important; color: #ffffff !important;}

.header-custom {}
  .header-custom a {font-weight: 600; font-size: .9em;}
  .header-custom a:hover {font-weight: 600; color: #c42039;}

.header-custom-mobile { background-color: white;}

.navbar_home a { color: #fcdf1c !important;}
.navbar_home a:hover { color: #ffffff !important;}

.main-content {
  padding: 50px 30px;
}
.page-titles {
  margin-bottom: 30px;
}
.page-title {
  background-color: #342c80;
  padding: 20px 20px 10px;
  border-bottom: 5px solid #fcdf1c;
}
  .page-title h2 {color: #ffffff; font-weight: 300;}

.home-services {
  border-top: 30px solid #c42039;
  padding: 50px;
  height: 500px;
  background-image: url('/_images/home/services.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
  .home-services h1 {font-size: 4em !important; text-shadow: 2px 2px 8px rgba(0,0,0,.5); font-weight: 800;font-family: 'Orbitron'; letter-spacing: 5px;}

.home-fuels {
  border-top: 30px solid #fcdf1c;
  padding: 50px;
  height: 500px;
  background-image: url('/_images/home/fuels3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.home-fuels h1 {font-size: 4em !important; text-shadow: 2px 2px 8px rgba(0,0,0,.5); font-weight: 800;font-family: 'Orbitron'; letter-spacing: 5px;}

.home-sunoco {
  border-top: 30px solid #342e80;
  padding: 50px;
  height: 500px;
  background-color: gray;
  background-image: url('/_images/home/sunoco2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.home-sunoco h1 {font-size: 4em !important; text-shadow: 2px 2px 8px rgba(0,0,0,.5); font-weight: 800;}

.home-family {
  /* border-top: 30px solid #342e80; */
  padding: 100px 50px;
  height: 500px;
  background-color: gray;
  background-image: url('/_images/home/old.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.home-more {
  /* border-top: 30px solid #342e80; */
  padding: 100px 50px;
  height: 500px;
  background-color: white;
  /* background-image: url('http://placehold.jp/16/cecece/999999/1600x400.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; */
}

.footer-custom {
  color: #dddddd;
  border-top: 5px solid #fcdf1c;
  background-color: #342e80;
  padding: 30px;
  /* min-height: 500px; */
}
  .footer-custom a {color: #ffffff; text-decoration: none; font-weight: 600;}
  .footer-custom a:hover {color: #fcdf1c; text-decoration: underline; font-weight: 600;}



  .youtube {
  	position:relative;
  	padding-bottom:56.25%;
  	padding-top:30px;
  	height:0;
  	overflow:hidden;
  	}

  .youtube iframe, .youtube object, .youtube embed {
  	position:absolute;
  	top:0;
  	left:0;
  	width:100%;
  	height:100%;
  	}



    @media (min-width: 1200px) {}
  	@media (max-width: 1199px) {}
  	@media (max-width: 979px) {
      .navbar_home a {
         color: #342c80 !important;
       }
      .navbar_home a:hover {
         color: #342c80 !important;
       }
    }
  	@media (max-width: 767px) {
      .navbar_home a {
         color: #342c80 !important;
       }
      .navbar_home a:hover {
         color: #342c80 !important;
       }
    }
  	@media (min-width: 100px) and (max-width: 768px) {
      .home-fuels h1 {
        font-size: 3em !important;
        text-shadow: 2px 2px 8px rgba(0,0,0,.5);
        font-weight: 800;
        font-family: 'Orbitron';
        letter-spacing: 5px;
      }
      .home-services h1 {
        font-size: 3em !important;
        text-shadow: 2px 2px 8px rgba(0,0,0,.5);
        font-weight: 800;
        font-family: 'Orbitron';
        letter-spacing: 5px;
      }
      .navbar_home a {
         color: #342c80 !important;
       }
      .navbar_home a:hover {
         color: #342c80 !important;
       }

    }