#debug { color: #ff0000; background-color: #ffffff; position: fixed; left: 30px; top: 100px;
border: 1px solid #0000ff; z-index: 1000; padding: 5px; width: 400px;}
.to-be-reviewed { color: #ec008b; }
#top-menu li a:hover { color: #007482 !important; }
#top-menu li a { font-weight: 500; }
#top-menu li li { line-height: 1.4em !important; }
.std-link { color: #007482; font-weight: 400; transition: all 0.4s; }
.std-link:hover { color: #DA8931; transition: all 0.4s; } .et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
font-size: 22px;
content: "\e04f";
}
.et_pb_toggle_title:before {
font-size: 22px;
color: rgba(0, 116, 130, 0.5) !important;
}
.menu-icon { 
width: 25px; 
height: auto; 
margin-bottom: -6px;
} #hero-block-row {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);  
}
#rahn-bros-hero-logo { max-width: 70% !important; }
.testimonial-signature {
text-align: center;
font-family: "Hind", sans-serif;
letter-spacing: 1px;
font-weight: 500;
font-size: 0.9em;
font-style: normal;
} #footer-widgets { display: none; }
#footer-info { float: none; text-align: center; color: #000000; font-weight: 300 !important;}
#footer-info a { color: #007482; }
#footer-info a:hover { color: #00aeef; }
#footer-icon { text-align: center; }
#footer-icon a img { max-width: 40px; height: auto; }
.tech360 { color: #000000 !important; font-weight: 600 !important; }
.tech360:hover { color: #007482 !important; }  @media only screen and (max-width: 1024px) and (max-height: 768px) {
} @media only screen and (max-width: 981px) {
} @media only screen and (max-width:980px) {
.reverse-columns-mobile {
display: flex;
flex-direction: column-reverse;
}
#rahn-bros-hero-logo { width: 65% !important; }
} @media only screen and (max-width: 800px) and (max-height: 600px) {
} @media only screen and (max-width: 768px) and (max-height: 1024px) {
} @media only screen and (max-width: 767px) {
} @media only screen and (max-width: 736px) and (max-height: 414px) {
#rahn-bros-hero-logo { width: 50% !important; }
} @media only screen and (max-width: 667px) and (max-height: 375px) {
} @media only screen and (max-width: 610px) and (max-height: 875px) {
} @media only screen and (max-width: 600px) and (max-height: 800px) {
} @media only screen and (max-width: 525px) {
} @media only screen and (max-width: 568px) and (max-height: 320px) {
} @media only screen and (max-width: 480px) and (max-height: 320px) {
} @media only screen and (max-width: 414px) and (max-height: 736px) {
#hero-block-row {
position: relative;
top: auto;
left: auto;
transform: none;  
}
} @media only screen and (max-width: 375px) and (max-height: 667px) {
} @media only screen and (max-width: 320px) and (max-height: 568px) {
} @media only screen and (max-width: 320px) and (max-height: 480px) {
}