/*  CSS3  */

html {  min-width:360px; line-height:1.5; background: #444 url(../images/blacknoise.png) top left repeat fixed; color: #111; }

 * { margin:0 0 0 0; padding:0 0 0 0; border:none; box-sizing: border-box; }

html, body  { width: 100%; }


/* Fonts */

html { font-family: "Raleway", sans-serif; scroll-behavior: smooth; }

#header #phonenumber  { font-family: Inter, "Inter Tight", sans-serif; }

h3,
h4,
.gallery-thumb,
.royalSlider {font-family: "PT Sans Narrow", sans-serif; }


/* Headings */

h1, h2, h3, h4 { float:left; font-weight: normal; clear: left; font-family: "Inter Tight", Raleway, sans-serif;}

h1 { font-size:1.625em; color:#222; font-weight: 500; letter-spacing: -0.2px }
h2 { font-size:1.35em; color:#555; font-weight:500; color: #323E98; letter-spacing: 0.5px; }
h3 { font-size:1.25em; color:#888; font-weight: 500;  }
.h2noborderunder { border-bottom:none; }

h1 a { color:#0096AA; }

hr { color:#888; background-color:#888; height: 20px; text-shadow:none; border:none; margin-bottom:2em; display:none; }
hr.visible { display: inline; float:left; clear:left; width: calc( 100% - 2em ); height:1px; margin: 1em 1em; background-color: #fff; }


blockquote { text-align: justify; float:left; clear:left; width: 100%; background-color:rgba(255,255,255,0.5); padding:0.5em 2em 0.75em 2em; margin:0.5em 0 1em; border-radius: 3pt; }
#testimonials blockquote {  }
blockquote p { line-height:1.5; margin-bottom: 1em !important; }
blockquote p:before { color: #888; font-family: "PT Sans Narrow", Inter, sans-serif; font-size:3em; line-height:0.01; position:relative; top:0.5em; margin-right:0.125em; content:"\201C"; opacity:0.9; margin-top:-1.25em; margin-bottom:-1.25em;}
blockquote p:after {color: #888; font-family: "PT Sans Narrow", Inter, sans-serif; font-size:3em; line-height:0.01; position:relative; top:0.5em; margin-left:0.125em; content:"\201D"; opacity:0.9; margin-top:-1.25em; margin-bottom:-1.25em;}

cite { text-align:right; width: 100%; float: right; clear: left; font-size:0.93em; line-height:1; padding:0; margin:0; padding-bottom: 0.75em; display:block; opacity:0.875;}
cite:before {content:"- ";}
cite:after {}

#content blockquote img { float:right; width: 25%; min-width: 5.5cm; padding-right:1pt; }
#content blockquote img.roundlogo { width: 12.5%; min-width: 2.75cm; padding-right:0; }

a.click-button { float: left; clear: both; left: 1em; position: relative; text-decoration: none; color: white; margin: -0.25em -0.5em; padding: 0.25em 0.5em; background-color: #C51C32; border-radius: 2pt; box-shadow: 1px 1px 1px #aaa; }


/* Desktop and Mobile */

.desktop { display:block; visibility:visible; }
.mobile { display:none; visibility:hidden; }

/* Elements */

a {color:#1b153e;}

#content .brand-logos { clear:left; float:left; padding: 1em 0; }
#content .brand-logos img { float:left; width: calc(10% - 1vw) !important; margin: 0 1vw 1vw 0; }
#content .brand-logos.bigger { float:right; clear:none; text-align:right; }
#content .brand-logos.bigger img { float: right; width: calc(33% - 1vw) !important; }

    @media screen and (max-width: 50em) { #content .brand-logos img  { width: 20% !important; }
                                          #content .brand-logos.bigger { float:left; clear:left; }
#content .brand-logos.bigger img { float: left; width: calc(20% - 1vw) !important; }

    }


#brands #content hr { float:left; clear:left; display: block; width: 100%; height: 1px; border-bottom: 1px solid #fff !important; margin: 1em 0; }

/* in #content */

#content { background: linear-gradient( to bottom left, rgba(255,255,255,0.99), rgba(255,255,255,0.89)); }
#content img { border-radius: 2pt !important; }

#content ul, #content ol { float:left; clear:left; list-style-position: outside; margin-left: 2em; margin-top: 0.5em; margin-bottom: 0.75em; }

#content ul li { list-style-type: square; clear:left; }

#content ul.brands-titles-excerpts li { margin-bottom: 1em; border-bottom: 1px solid #fff; float:left; }
#content ul.brands-titles-excerpts li a h3 { text-decoration: underline; }
#content ul.brands-titles-excerpts li small,
#content ul.brands-titles-excerpts li p { float: left; clear:left; max-width: 20cm; }
#content ul.brands-titles-excerpts li p:after { content:"Click to read the post."; text-decoration:underline; margin-left:0.25em; }

#footer-contact p { float:left; clear: both; }

#content p { float:left; clear: both; margin-top: 0.5em; margin-bottom: 0.75em; }
#content p:first-child { margin-top: 0.75em; }
#content p:last-child { margin-bottom: 1em; }
#content p img { float:right; }

#content img { width:100%; border-radius: 1pt; }

#content img.desktop,
#content img.mobile { margin-bottom: 1em; }

#content .ratesbox { float: left; clear: both; width: 100%; font-size: 0.93em; background-color: rgba(255,255,255,0.333); border-radius: 3px; padding: 2em; margin: 0.75em 0 1.5em 0; word-spacing: -0.5px; border-radius: 2pt; }
#content .ratesbox ul { list-style-position: inside; padding: 1em 0 0 0; margin: 0 0 0 0; text-indent: 0; }
#content .ratesbox ul li { padding:  0 0 0.2em 0; margin: 0 0 0 1em; text-indent:-1em; }
#content .ratesbox ul li b { text-transform:uppercase; font-size:0.9em; }

#content { float:left; clear: left; width: 100%; padding: 2em 3.75%; }

#content div.twocols { clear:left; float:left; width:100% !important; margin-bottom:0em; }

#content div.left { clear:left; float:left; width:48.75% !important; margin-bottom:0em; }
#content div.right { lear:right; float:right; width:48.75% !important; margin-bottom:1em; }

#content div.twothirds { width:73.75% !important; }
#content div.onethird { width:23.75% !important; margin-top: 3em; }

#content div.right iframe { margin-bottom:1em !important; }

#content div.twocols-split { clear:left; float:left; width:100% !important; margin: 1em 0 0 0; column-count: 2; display:inline-block !important; text-align: justify; column-gap: 2vw;  }
#content div.twocols-split p:first-of-type{ margin-top:0; padding-top:0; }

.split-the-list-in-two { column-count: 2; column-gap: 2em; }
.split-the-list { column-count: 3; column-gap: 2em; }

.split-the-list li {  }

  @media(max-width:639px) { #content div.twocols-split { column-count: 1; }
    .split-the-list-in-two { column-count: 1; }
    .split-the-list { column-count: 1; }
  }

.video_wrapper {
position: relative; padding-bottom: 66.7%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */  }
.video_wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%;height: 100%; }

.calculator-button { font-size: calc( 1em + 0.5vw); float:left; clear: left; padding: 0.375em 0.75em; background-color: #042D85; color: #fff; text-decoration: none; border-radius: 2pt; margin: 0em 0 0.5em; }


.calculator-form { box-sizing: border-box  ; float:left; clear:left; background-color: beige; padding: calc( 1em + 1vw ); width: 100%; font-size: calc( 1em + 1vw ); background-color: #323E98; color: #fff; border-radius: 2pt; }
.calculator-form * { box-sizing:  border-box; font-size: 1em; border-radius: 2pt; }

button { background-color:white; color:black; padding:0.375em 0.75em; margin-top: 1em; }

.calculator-form label { display: block; font-weight: bold; }
.calculator-form label span { display: inline-block; width: calc( 75% - 1em); }
.calculator-form label span em { font-weight: normal; font-style: italic; }
.calculator-form label input { width: 25%; }

.cubicmeters-display { float:right; width: 60%;  margin-top: 0.85em; font-size: 1.125em; }


/* Header and Navigation */

/* Header */

#header { top:3em; z-index: 2; float:left; background: rgba(255,255,255,1); width:100%; padding: 2vmax 3.75% 1.1vmax 3.75%; float:left; }
#homepage #header { position: absolute; background: rgba(255,255,255,0.65);  }

    @media screen and (min-width: 0px) and (max-width: 45em) { #homepage #header { position:relative; background-color: #fff; }
                                                               #header { top: 0; } }

#header img#companylogo { width:7.125%; min-width:3.66cm; float:left; margin-top: -1em; border-radius: 5px; }
    @media screen and (max-width: 80em) { #header img#companylogo { margin-top: -0.75em; } }
    @media screen and (max-width: 60em) { #header img#companylogo { width: 6.5%; min-width: 2.75cm; margin-top: -0.25em; } }
    @media screen and (max-width: 50em) { #header img#companylogo { } }
    @media screen and (max-width: 48em) { #header img#companylogo { } }
    @media screen and (max-width: 45em) { #header img#companylogo { } }
    @media screen and (max-width: 32em) { #header img#companylogo { width: 5.5%; min-width: 2.5m; margin-top: 0; padding-top: 0.25em; padding-bottom: 0.5em; } }


#header #phonenumber { font-size: 3em; float:right; text-align:right; color:#323E98; word-spacing: -3px; }
#header #phonenumber a { font-weight: 700; color: #34389C; text-decoration: none; transition: border 0.55s; border-bottom: 3px solid transparent; }
#header #phonenumber a:hover { border-bottom: 3px solid #34389C; }
    @media screen and (max-width: 60em) { #header #phonenumber {  font-size: 2.25em; } }
    @media screen and (max-width: 32em) { #header #phonenumber { font-size: 2.125em; } }
    @media screen and (max-width: 27em) { #header #phonenumber { font-size: 2em; line-height:2 } }
    @media screen and (max-width: 26em) { #header #phonenumber { font-size: 1.9em; } }
    @media screen and (max-width: 25em) { #header #phonenumber { font-size: 1.75em; } }

#header .alt-logo {  }
#header .alt-logo a { display: block; float:right; }
#header .alt-logo a img { width: auto; height: 3.75em; float: right; margin-top: -0.1em; margin-left: 1.5em; }
    @media screen and (max-width: 80em) { #header .alt-logo a img { height:3.5em; margin-top: -0.25em; margin-left: 0.75em; } }
    @media screen and (max-width: 60em) { #header .alt-logo a img { height:3em; margin-top: -0.125em; margin-left: 0.5em; } }


    /* Navigation */

.navigation { position: relative; min-height: 3em; float:left; z-index: 11; width: 100%; padding: 0 3.75% 0 3.75%;
  background-color: #323E98; color: #fff; text-transform: uppercase; opacity: 1; }

.navigation.sitemap { padding: 2em 3.75%; background-image:none; background-color: #fff; }

  .navigation nav * { list-style-type:none; text-indent:0; }
  .navigation nav a { font-size:1em; font-weight: 600; line-height: 1.75; color:#fff; text-decoration:none; border-radius:1px; text-transform: uppercase; outline-offset: -3px; }
  .navigation.sitemap nav a { color:#000; }
  .navigation nav small { font-size:small; color:#aaa; clear:none; float:none; }
  .navigation nav ul { float:left; }
  .navigation nav ul ul {  }
  .navigation nav ul li { float:left; line-height: 1.75; }

  .navigation nav ul li { color: #888 }
  .navigation nav > ul > li { color: #fff; }

  .navigation nav ul li.lithatnests > span { }
  .navigation.sitemap nav ul li.lithatnests > span {  }
  .navigation.sitemap nav ul li.lithatnests > span:after { content:":"; }

  .navigation nav > ul > li { line-height: 3; }
  .navigation nav > ul > li { margin-right:1em; }
  .navigation nav > ul > li:nth-child(2) { min-width:7em; }
  .navigation nav > ul > li:last-child { min-width:4em; }
  .navigation nav ul li.toolong { letter-spacing: -0.75px; }
  .navigation nav ul > li:last-child { margin-right:0; padding-right:0; }
  .navigation nav ul li ul li { float:none; min-width:1em; padding-right:0; margin-right:0; }

  .navigation nav ul li a, .navigation nav ul li ul li a { transition: background-color 0.45s 0.04s, color 0.45s 0.04s;  padding:0.12em 0.4em 0.08em;  color:#fff; border-radius: 2px; }
  .navigation nav ul li a:hover, .navigation nav ul li ul li a:hover { background-color: #fff; color: #000; }

/* - Toggles */

br.tallbr { float:left; width: 100%; margin-top:0.5em; }

.toggle-view { }
.toggle-view * { transition: all;  }

.toggle-title { opacity: 0.8; cursor: pointer; transition: opacity 0.45s;  }
.toggle-title:hover { opacity: 1; }
.toggle-title:after { content: " +"; transition: color 0.45s; }
.toggle-title:hover:after { color: navy; opacity: 0.8; }

.tactive { opacity: 0.5; }
.tactive:after { content: " -"; }

.toggle { margin: 0.5em 0 1.5em; display: none; overflow: hidden; float: left; clear:both;}

/*  - Current Navigation Items  */

#homepage ul li.homepage a, #homepage ul li.homepage ul li a,

#serving ul li.serving a, #serving ul li.serving ul li a,
  #serving-residential-clients ul li.serving-residential-clients a, #serving-residential-clients ul li.serving-residential-clients ul li a,
  #serving-commercial-clients ul li.serving-commercial-clients a, #serving-commercial-clients ul li.serving-commercial-clients ul li a,
  #serving-community-and-events ul li.serving-community-and-events a, #serving-community-and-events ul li.serving-community-and-events ul li a,
  #serving-supply-emergencies ul li.serving-supply-emergencies a, #serving-supply-emergencies ul li.serving-supply-emergencies ul li a,
  #serving-construction ul li.serving-construction a, #serving-construction ul li.serving-construction ul li a,
  #serving-industry-clients ul li.serving-industry-clients a, #serving-industry-clients ul li.serving-industry-clients ul li a,

#services ul li.services a, #services ul li.services ul li a,
#water-tank-rentals ul li.water-tank-rentals a, #water-tank-rentals ul li.water-tank-rentals ul li a,
#testimonials ul li.testimonials a, #testimonials ul li.testimonials ul li a,
#about-us ul li.about-us a, #about-us ul li.about-us ul li a,
#brands ul li.brands a, #brands ul li.brands ul li a,
#contact ul li.contact a, #contact ul li.contact ul li a
{ background-color: rgba(255, 215, 65, 1) !important; color: #000 !important; }

#serving .serving-nesting-li > a,
#communication-systems .systems-nesting-li > a { color: black; background-color:white; opacity: 1; }

/* brands rectangles */

.addspacetop { margin-top: 1em; }

.systems-rectangles { margin-top:1em; }
#brands #content p:first-of-type { margin-top: 1em; }

.systems-rectangles { float:left; clear:left; width:100%; display:block; }
.systems-rectangle { min-height:10vw; border-radius: 5px; transition: opacity 0.45s; position: relative; float:left; display:block; width: 16%; margin-right: .66%; margin-bottom: 0.33em; background-color: transparent; }

  @media(max-width:1240px) { .systems-rectangle { width: 32.3%; }}
  @media(max-width:800px) { .systems-rectangle { width: 49%; line-height: 1.4; }}
  @media(max-width:640px) { .systems-rectangle { width: 99%; margin-right:0%; margin-bottom: 3%; }}

.systems-rectangle a { position:relative; float: left; clear:left; vertical-align: middle;}
#content .systems-rectangle a p { padding: 1.1em; padding-top: 0.55em; font-size: 0.9em; text-align:left !important; word-break: keep-all;}
.systems-rectangle a h3 { transition: background-color 0.45s; position:absolute; font-weight:normal; top:1em; left:0; background-color: rgba(250,250,250,0.5); color: #000; padding:1em ; text-shadow: 0 0 1em #fff; border-bottom-right-radius: 5px; border-top-right-radius: 5px }
.systems-rectangle a h4 { padding: 0.45em 0.9em 0 0.8em; font-size: 1.2em; line-height: 1.25; color: #2A5780; word-spacing: -1px; }
.systems-rectangle a span { text-decoration:underline; }

.systems-rectangle img { width:100%; height:auto; border-radius: 5px;  }
.systems-rectangle a img { transition: opacity 0.45s 0.04s, filter 0.45s 0.04s; opacity: 0.94; filter: saturate(0.98) brightness(0.98) contrast(0.95); }
.systems-rectangle:hover a h3 { text-decoration: underline; background-color: rgba(255, 255, 255, 0.8); }
.systems-rectangle:hover a img { filter: saturate(1) brightness(1.02) contrast(0.98); opacity: 1; }

/* galleries */

.galleries { float:left; clear:left; display: block; width: 100%; margin: -1em 0 1em 0; padding: 0; }
  @media(min-width:800px) { .galleries { margin: 1em 0 1em 0; }}


.gallery-thumb-overview { float: left; clear: left; width: 100%; column-count: 6; }
.gallery-thumb-overview img { width:100%; height:auto; }

.gallery-thumb { font-size: 1.375vmax; }
.gallery-thumb a {}
.gallery-thumb a img { transition: opacity 0.45s 0.04s, filter 0.45s 0.04s; opacity: 0.94; filter: saturate(0.98) brightness(0.98) contrast(0.95); }
.gallery-thumb:hover a img { filter: saturate(1) brightness(1.02) contrast(0.98); opacity: 1; }

/* gallery info labels */

.gallery-thumb { position: relative; float: left; }

.gallery-thumb .gallery-info { position: absolute; top: 0em; left: 0em; text-transform: uppercase; }
#somepage .gallery-thumb .gallery-info  { position: absolute; bottom: 0em; left: 0em; text-transform: uppercase; } /* overlay towards bottom */

.gallery-thumb .gallery-info p { float: none !important; border-radius: 1px; transition: background-color 0.55s 0.04s; padding: 0.333em 1em; background-color: rgba(255,255,255,0.5); border-top-right-radius:3px; border-bottom-right-radius:3px; }

.gallery-thumb .gallery-info p a { transition: color 0.55s 0.04s; color: rgba(0,0,0,0.9); line-height: 1.25; text-decoration: none; }

.gallery-thumb:hover .gallery-info p { background-color: rgba(255,255,255,0.75); }
.gallery-thumb:hover .gallery-info p a { color: rgba(0,0,0,0.9); }


/* footer contact */

#footer-contact-outer { float:left; width:100%; height:auto; background-color:#323E98; }

#footer-contact { border-bottom-left-radius: 12.5%; border-top: 1px solid #111; float:left; width: 100%; background: #444 url(../images/blacknoise.png) top left repeat fixed; color: #fff; clear:both; padding: 2.5vmax 3.75% 2.5vmax 3.75%; text-align:left !important; }
  @media(max-width:48em) { #footer-contact {padding: 5%; } }

#footer-contact h2 { padding-bottom: 0.5em; color: #eee !important; }
#footer-contact h3 { padding-bottom: 0.25em; }
#footer-contact div { float:left; width: 25%; font-size: 0.9em; }

#footer-contact address { font-style:normal; padding-bottom: 1em; }
#footer-contact p { padding-bottom: 1em; }
#footer-contact p a { color: inherit; text-decoration: none; }

#footer-contact div.secondlogo-footer { width: auto; height: auto; text-align: right; float:right; }
#footer-contact div.secondlogo-footer img { float:right; width: auto; height: 5vw; margin-left: 1em; margin-bottom: 1em; filter:saturate(0) contrast(90%); margin-top:0em; }

  @media(max-width:1248px) {
    #footer-contact div.secondlogo-footer img.clear { clear:right !important }
  }

/* footer */

#footer { float:left; width: 100%; clear:both; background-color: #323E98; padding: 2.5em 3.75% 1em 3.75%; border-top-right-radius: 12.5%; }
#footer p { float:left; clear: none; font-size: 0.9em; color:#eee; width: calc( 100% - 6.9em - 6.9vw );  }
#footer p a { color: #eee; }

#footer #footer-companylogo { float:left; width: 7em; margin-right: 4vw; opacity: 0.94; }

p#siteby { color:white; float:right; clear: both; margin-bottom:1em; text-align: right; width: auto; opacity: 0.7; font-size: 0.8em; }
p#siteby a { color:white; }



/* ----- Media Queries ----- */

/* */
.navigation label { display:none; }
.navigation #nav { display:none; }
nav { width: auto; max-height: none; }
.navigation.sitemap #nav { display:block; float:left; clear:left; }
/* */

@media(min-width:2250px) {
  html {font-size:112.5%;}
}

@media(min-width:2500px) {
  html {font-size:125%;}
}

@media(min-width:3000px) {
  html {font-size:137.5%;}
}

@media(min-width:3500px) {
  html {font-size:175%;}
}

@media(min-width:4500px) {
  html {font-size:200%;}
}

@media(min-width:7500px) {
  html {font-size:400%;}
}

@media(max-width:86em) {

#content div.twothirds { width:64.75% !important; }
#content div.onethird {  width:31.75% !important; margin-top: 3em; }

}

@media(max-width:76em) {

    .navigation nav ul li a span { display:none; }

  .navigation nav > ul > li:first-child { min-width: 4em }
  .navigation nav > ul > li { min-width: 4em; margin-right: 2em }
  .navigation nav > ul > li:nth-child(2) { min-width: 4em; }
  .navigation nav > ul > li:nth-child(5) { min-width: 4em; }
  .navigation nav > ul > li:last-child { min-width: 4em; }

#content div.twothirds { width:58.75% !important; }
  #content div.onethird {  width:38.75% !important; }

    .gallery-thumb-overview { column-count: 3; }

      .gallery-thumb { font-size: 2vmax; }

}

@media(max-width:65em) {

 .navigation { font-size: 0.9em; min-height: 3.3333em; }

  #content ul span { display:none; }

  .right .my-gallery, .left .my-gallery { column-count: 2; }

  #content div.twothirds { width:48.75% !important; }
  #content div.onethird {  width:48.75% !important; }

        .gallery-thumb { font-size: 2.5vmax; }

}

@media(max-width:60em) {

  h1 { font-size:1.5em; }
  h2 { font-size:1.25em; }
  h3 { font-size:1.125em; }

  .navigation { font-size: 0.8em; min-height: 3.6666em;  }

  #siteby { margin-top:2em; clear:both; float:left; text-align:left; }

  .gallery-thumb { }
}

@media(max-width:48em) {

  #content { word-spacing: -1px; letter-spacing: -0.25px; }

  .my-gallery {  column-count: 2; }
  .right .my-gallery, .left .my-gallery { column-count: 3; }

.gallery-thumb-overview { column-count: 2; }

  .gallery-thumb a span { display:none; }
  .gallery-thumb { font-size: 1.5em; }

  .navigation { font-size: 1m; min-height: 3em; }
  .navigation nav > ul > li { width: 100%; }
  .navigation nav ul li a span { display: none; }

 blockquote { font-size: 0.9em; padding:0.25em 1em 0.5em 1em; margin-bottom: 1.75em; }

/*  */

  .mobile { display:block; visibility:visible; }
  .desktop { display:none; visibility:hidden; }
  .nomobile { display:none !important; visibility:hidden; height:0; }

/* */

.navigation { overflow: hidden; background: #111; }
.sitemap { overflow: visible; }
.navigation label { transition-property: color; transition-duration: 0.5s; transition-delay: 0.1s;  display: block; color: #fff; text-decoration: none; line-height: 3em; }
.navigation label:hover { color: #0096AA; }
.navigation label { float: left; cursor: pointer; }
.navigation label:after { content: "\2261"; font-size: 2em; }

nav { float: right; max-height: 0; width: 100%; transition: 1s;  }
.navigation.sitemap nav { max-height: none; width: 100%;  }

#nav { display: none; }
#nav:checked ~ nav { max-height: 45em; /* Anything bigger than nav height. The transition duration works with this */ }

/* */

.navigation { font-size: 1.125em; }
.navigation * {}
.navigation.sitemap ul { width: 100%; }
.navigation ul { padding-top:0.25em; padding-bottom:1em; margin-left:1%; }
.navigation ul li ul { padding-top: 0; padding-bottom:0.5em; padding-left: 1em; clear: left; }
.navigation ul li { float:left; display: list-item; clear:both; line-height: 2 !important; }

.navigation ul li a,
.navigation ul li ul li a,
.navigation ul li a:hover,
.navigation ul li ul li a:hover { background-color: transparent; color: #fff; }

#content div.left { clear:left; float:left; width:100% !important; margin-bottom:0.5em; }
#content div.right { float:right; width:100% !important; margin-bottom:0.5em; }
#content div.left img,
#content div.right img { margin-bottom:0; padding-bottom:0; }

#footer { padding-top: 2em; padding-bottom: 1em; }

#footer-contact {  }
#footer-contact div { width:100%; }

#footer-contact div.secondlogo-footer { float:left; text-align: left; opacity: 0.5; width: 15%; display:block; }
#footer-contact div.secondlogo-footer img { float:left; max-width: 50px; max-height: 50px; vertical-align: middle; margin: 0 auto; }

#footer br { display:none; visibility:hidden; }

#content { padding: 5%; }

  #header img { width:25%; min-width:2.5cm; float:left; }
  #header #phonenumber { padding:0.375em; }

}


@media(max-width:45em) {

  #header img { width:27.5%; min-width:4.5cm; float:left; }
  #header #phonenumber {  }

}

@media(max-width:37em) {

.gallery-thumb { font-size: 1.25em; }
  .gallery-thumb a span { display:none; }

}


@media(max-width:30em) {

  body { float:left; width:100%; margin: 0 0%; }

  #content p, #content ul { font-size:1em; }

  #content ul { margin-left: 1em; margin-bottom:1.5em; }
  #content ul li { padding-left: 0.125em; text-indent: 0em; }

  #header img { width:33.333%; min-width:3.333cm; float:left; }
  #header #phonenumber {  }

  h1, h2, h3 { text-transform: none; word-spacing: -1px;}

}