border-color: #821414; }
.btn-secondary {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-color: #fff;
- border-color: #546e7a; }
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-secondary:hover {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-color: #e6e5e5;
- border-color: #3b4d56; }
+ border-color: rgba(13, 17, 20, 0.6); }
.btn-secondary:focus, .btn-secondary.focus {
- box-shadow: 0 0 0 2px rgba(84, 110, 122, 0.5); }
+ box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled {
background-color: #fff;
- border-color: #546e7a; }
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-color: #e6e5e5;
background-image: none;
- border-color: #3b4d56; }
+ border-color: rgba(13, 17, 20, 0.6); }
.btn-info {
color: #fff;
border-color: #b71c1c; }
.btn-outline-secondary {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-image: none;
background-color: transparent;
- border-color: #546e7a; }
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-outline-secondary:hover {
color: #fff;
- background-color: #546e7a;
- border-color: #546e7a; }
+ background-color: rgba(38, 50, 56, 0.6);
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
- box-shadow: 0 0 0 2px rgba(84, 110, 122, 0.5); }
+ box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-color: transparent; }
.btn-outline-secondary:active, .btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
- background-color: #546e7a;
- border-color: #546e7a; }
+ background-color: rgba(38, 50, 56, 0.6);
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-outline-info {
color: #5bc0de;
line-height: 20px; }
h5.fireinfo {
- font-size: 20px;
+ font-size: 16px;
line-height: 28px;
font-weight: 500; }
+ @media (min-width: 768px) {
+ h5.fireinfo {
+ font-size: 20px; } }
.fireinfo_per {
font-size: 20px;
padding-top: 6rem;
margin-bottom: 64px;
text-align: center;
- color: #546e7a; }
+ color: rgba(38, 50, 56, 0.6); }
@media (min-width: 576px) {
section.intro .branding {
padding-top: 192px; } }
.circle {
position: relative; }
.circle p.fireinfo_per {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
position: absolute;
- top: calc(50% - 20px);
+ top: calc(50% - 18px);
width: 100%; }
section#appliances {
border-color: #821414; }
.btn-secondary {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-color: #fff;
- border-color: #546e7a; }
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-secondary:hover {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-color: #e6e5e5;
- border-color: #3b4d56; }
+ border-color: rgba(13, 17, 20, 0.6); }
.btn-secondary:focus, .btn-secondary.focus {
- box-shadow: 0 0 0 2px rgba(84, 110, 122, 0.5); }
+ box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled {
background-color: #fff;
- border-color: #546e7a; }
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-color: #e6e5e5;
background-image: none;
- border-color: #3b4d56; }
+ border-color: rgba(13, 17, 20, 0.6); }
.btn-info {
color: #fff;
border-color: #b71c1c; }
.btn-outline-secondary {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-image: none;
background-color: transparent;
- border-color: #546e7a; }
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-outline-secondary:hover {
color: #fff;
- background-color: #546e7a;
- border-color: #546e7a; }
+ background-color: rgba(38, 50, 56, 0.6);
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
- box-shadow: 0 0 0 2px rgba(84, 110, 122, 0.5); }
+ box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
- color: #546e7a;
+ color: rgba(38, 50, 56, 0.6);
background-color: transparent; }
.btn-outline-secondary:active, .btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
- background-color: #546e7a;
- border-color: #546e7a; }
+ background-color: rgba(38, 50, 56, 0.6);
+ border-color: rgba(38, 50, 56, 0.6); }
.btn-outline-info {
color: #5bc0de;
.card-outline-secondary {
background-color: transparent;
- border-color: #546e7a; }
+ border-color: rgba(38, 50, 56, 0.6); }
.card-outline-info {
background-color: transparent;
$blue_400: #42a5f5;
$green_600: #43a047;
$green_400: #66bb6a;
-$blue_grey_900: #263238;
-$blue_grey_700: #455a64;
-$blue_grey_600: #546e7a;
-$blue_grey_300: #90a4ae;
+$blue_grey_900: rgba(38, 50, 56, 1);
+$blue_grey_700: rgba(38, 50, 56, .7);
+$blue_grey_600: rgba(38, 50, 56, .6);
+$blue_grey_300: rgba(38, 50, 56, .3);
$blue_grey_50: #eceff1;
$deep_orange_a400: #ff3d00;
$cyan: #00bcd4;
p.fireinfo_per {
color: $blue-grey-600;
position: absolute;
- top: calc(50% - 20px);
+ top: calc(50% - 18px);
width: 100%;
}
}