.loading-screen {
z-index: 25;
}
.loading-screen h1 img {
max-width:90%;
}

ul.fullpage-wrapper {
margin-left: 0;
}


/* FORCE CONTACT SIDE TO THE RIGHT */
li.section.fifthPage.vertical-scrolling.fp-section.fp-table {
/* padding-left: 15px; */
}



.main-item ul li {
background-size: auto 65vh;
}

#fp-nav {
z-index: 20;
}

#fp-nav ul li, .fp-slidesNav ul li {
border-radius: 100%;
border: 2px solid rgba(255, 255, 255, 0.15);
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
border: 2px solid rgba(255, 255, 255, 0.75);
}


.loading-screen .loading-logo {
width:100%;
height:auto;
max-width:60%;
}

body article .textbox1 h1 {
margin-top: 120px;
}



.section div p {
    font-size: 4vw;
    line-height: 1.1;
    padding: 7px 15px;
}
.section div .page-links {
    font-size: 3.25vw;
    padding:10px 15px 10px 0;
}
.section div.portfoliotext {
width: 100%;
margin-left: 15%;
}
.section div.portfoliotext p {
    font-size: 3.5vw;
    line-height: 1.1;
    padding: 0 15px;
}
.section .building-image {
margin-right:0;
}
.section article.building {
padding-top:25px;
}


body .section .page-links a {
     /* display:block; */
     padding: .75rem 0.35rem .75rem 0.35rem;
     font-size: 3vw;
} 
     
 
.bar1, .bar2, .bar3 {
margin-top: 7px;
margin-left: 20px;
margin-bottom: 7px;
border-radius: 5px;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
border-radius: 3px;
}    
   
body .right#fp-nav {
      top:auto;
      bottom:4%;
}
  
      
body.home .main-item h2 {
bottom: auto;
left: auto;
bottom: 30%;
right: 0%;
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
padding: 10px 15px;
}

header {
position: relative;
}

header div img {
margin: 0 10px 0 5px;
height: 40px;
}


.sidenav img {
margin: 0 5% 1rem 5%;
max-width: 90%;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 10px;
font-size: 36px;
line-height: 1;
}



body .content-container .textbox1 {
margin: 0 10px 0px;
}


body div.iScrollIndicator {
right:-10px !important;
}


.sub-fullpage .portfoliotop img {
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
}
.sub-fullpage .portfoliotop p {
font-size: 3.15vw;
font-size: 2.75vw;
word-spacing: -0.1rem;
padding: 7px 3px;
}



/* make fonts more consistent */
#fullpage article,
nav.sidenav,
.fp-tableCell h2,
.building .image-menu-container h1 {
font-family: 'Rasa', serif;
margin-left: 0;
}
article h1, article h2, article h3, article h4, article h5 {
font-family: 'Helvetica Neue', Helvetica, Roboto, sans-serif;
}
#fullpage article .portfoliotext h1 {
font-family: 'Helvetica Neue', Helvetica, Roboto, sans-serif;
font-size: 3.75vw;
padding-bottom: 0.5rem;
}


/* CONTACT Sections */

body .contact-content * {
font-family: 'Spectral SC', serif;
}

body.contact-pg #fullpage {
display: flex;
align-items: center;
justify-content: center;
}

body.contact-pg .fullpage-wrapper .section {
height: 100vh;
}
body .section .contact-content {
font-family: 'Spectral SC', serif;
font-weight: normal;
margin: 0;
padding: 75px 0 0 0;
display: block;
}
body .section .contact-content .content-logo {
width:100%;
text-align: left;
text-align: center;
margin: 0 auto 1.15rem;
}
body .section .contact-content .content-logo img {
width:45%;
height:auto;
}
body .section .contact-content p {
    font-size: 4vw;
    line-height: 1.1;
    text-align: left;
    text-align: center;
    padding:10px 0 5px;
}


body .section .contact-content .page-links {
    font-size: 3.15vw;
    padding:10px 0 10px 0;
    margin:0;
    text-align: left;
    text-align: center;
}
body .section .contact-content .page-links a {
    padding: .80rem 0.35rem .75rem 0.35rem;
font-size: 3vw;
}
body.contact-pg .section .contact-content {
padding: 125px 0 0 0;
height: 100vh;
}
/* END CONTACT PAGE */




img.signature {
width: 50%;
max-width: 230px;
margin-top:0.25rem;
margin-bottom:0.5rem;
}


@media print, screen and (min-width: 40em) {
 
.main-item ul li {
background-size: cover;
}
header div img {
    margin: 0 10px 0 25px;
	height: 50px;
}

body .section .page-links a {
      } 
      
body #fp-nav {
      top:auto;
      bottom:5%;
}
/* FIX IMAGE FOR OVERFLOWS */
.content-image {
  height: 100vh;
  vertical-align: top; 
  position: relative;
  }
.content-image img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.portfoliotop{
margin-top: 1%;
font-size: 2vw;
max-width: 80%;
margin: 0 auto;
}

/* END FIX IMAGE FOR OVERFLOWS */
.section div.portfoliotext {
width: 100%;
margin-left: 7%;
}
}
      
      
      



/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  /* FIX IMAGE FOR OVERFLOWS */
body .content-image {
  height: 100vh;
  vertical-align: middle; 
  position: relative;
  }
body .content-image img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 100px !important;
}
/* END FIX IMAGE FOR OVERFLOWS */
.section article.building {
padding-top:25px;
}
.section div.portfoliotext {
width: 100%;
margin-left: 1.5%;
}

}



/* Landscape */
@media only screen 
  and (min-device-width: 667px) 
  and (max-device-width: 1024px) 
  /* and (-webkit-min-device-pixel-ratio: 2) REMOVED to work on old ipads */
  and (orientation: landscape) { 
  /* FIX IMAGE FOR OVERFLOWS */

body .content-image img {
  margin-top: 100px !important;
}
/* END FIX IMAGE FOR OVERFLOWS */

/*
header .small-logo {
position: absolute;
bottom: 0;
left: auto;
right: auto;
padding: 0;
width: 95%;
margin: 0 3%;
text-align: center;
}
header .small-logo img {
height: auto;
margin: 0 auto 1rem auto;
}
*/
body header {
position: relative;
min-width:100px;
}
body header div img {
max-width: 95%;
min-width: 95%;
height: auto;
margin-top: auto;
margin: 0 2.5% 0;
position: absolute;
bottom: 35px;
}


}



/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
body .main-item ul li {
background-size: auto 75vh;
}

}



      
      
@media print, screen and (min-width: 62.5em) {

/* FORCE CONTACT SIDE TO THE RIGHT */
li.section.fifthPage.vertical-scrolling.fp-section.fp-table {
padding-left: 80px;
padding-left: 0px;
}

.menu-container {
width: 100%;
margin: 20px 10px;
}
ul.fullpage-wrapper {
/* margin-left: 1.25rem; */
}
body article .textbox1 h1 {
margin-top: 70px;
}
body header {
position: relative;
min-width:100px;
}
body header div img {
max-width: 95%;
min-width: 95%;
height: auto;
margin-top: auto;
margin: 0 2.5% 0;
position: absolute;
bottom: 35px;
}
body .section .page-links a {
    display:inline-block; 
} 
.section div.portfoliotext {
/* width: 90%;
margin-left: 7%;
*/
width: 100%;
margin-left: 1.5%;
}

}
      
      
      
      
      
  @media screen and (max-width: 39.9375em) {
    
        
        }