/*
 Theme Name: resinasix
 Description: Child Theme
 Author: Robin Löfström
 Template: twentynineteen
 Version: 1.0
 */


@font-face {
    font-family: 'Butler';
    src: url('assets/fonts/hinted-Butler-Medium.eot');
    src: url('assets/fonts/hinted-Butler-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/hinted-Butler-Medium.woff2') format('woff2'),
        url('assets/fonts/hinted-Butler-Medium.woff') format('woff'),
        url('assets/fonts/hinted-Butler-Medium.ttf') format('truetype'),
        url('assets/fonts/hinted-Butler-Medium.svg#Butler-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



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

html,body{width: 100%;}

body{
font-family: 'Lato', sans-serif;
background-color: #fefefe;
color: black;
}

#init {width: 100%;margin:0 auto;display:table;padding: 150px 10% 0;box-sizing: border-box;}
#intro{margin: 0;margin: 0 0 350px;}

.transFlex {-o-transition: all .2s;-ms-transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;transition: all .2s;}
a, .trans {-o-transition: all .3s;-ms-transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;transition: all .3s;}

.mTrans {
-webkit-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1); 
-webkit-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

a{color:inherit; cursor: pointer; text-decoration: none;opacity: 1;}
a:hover{}

.init a {text-decoration: underline;}

input, a:hover, a:active, a:focus, input, *:focus {outline: medium none;}

img{width: 100%;height: auto;float: left;}




h1 {font-size: calc(20px + 20 * ((100vw - 320px) / 2000));font-family: 'Butler';font-weight: 400;}
h2 {font-size: calc(20px + 20 * ((100vw - 320px) / 2000));font-family: 'Butler';font-weight: 400;text-transform: uppercase;}
h3 {font-size: calc(15px + 7 * ((100vw - 320px) / 2000));text-transform: uppercase;letter-spacing: 0.3em;}
h4 {font-size: calc(13px + 4 * ((100vw - 320px) / 2000));text-transform: uppercase;letter-spacing: 0.15em;}
p  {font-size: calc(13px + 4 * ((100vw - 320px) / 2000));}


h1,h2,h3,h4,p{margin:0 0 25px;padding: 0 25px;}
h1,h2,h3,h4{color: #212b68;}

h2 {margin:0 0 50px;}

strong{font-weight:bold;}
.ingress{font-weight:bold;}
p strong {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}
p:last-child {margin: 0;}

.nomarg,.last{margin: 0 !important;}

ul {height: auto;list-style: outside none none;width: 100%;margin:0;}
li {box-sizing: border-box;}

section,footer{z-index: 2;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;float: left;width: 100%;position: relative;box-sizing: border-box;}
.bgCover{background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.column{float: left;}.columnR{float: right;}.c120 {width: 120%;}.c110 {width: 110%;}.c100{width: 100%;}.c90{width: 90%;}.c80{width: 80%;}.c70{width: 70%;}.c60{width: 60%;}.c50{width: 50%;}.c40{width: 40%;}.c33{width: 33.333%;}.c30{width: 30%;}.c25{width: 25%;}.c20{width: 20%;}.c10{width: 10%;}.c0{width: 0%;}

.bgBlue{background-color: #212b68;}
.bgBlack{background-color: black;}
.textWhite {color: white;}

.columnTable{display: table;width: 100%;}
.columnRow{display: table-row;}
.columnCell {display: table-cell;}
.citatAlign {vertical-align: middle;}
.AlignTop{vertical-align: top;}
.AlignBottom{vertical-align: bottom;}

.AlignVert{display: table;margin: 0 auto;width: 100%;height: 100%;}
.tableCell {display: table-cell;vertical-align: middle;}

.full {height: 100vh;}
.heightNotFull {height: calc(100vh - 300px);}

.p10r{padding-right:10%;box-sizing: border-box;}
.p20r{padding-right:20%;box-sizing: border-box;}
.p10l{padding-left:10%;box-sizing: border-box;}
.p10t{padding-top:10%;box-sizing: border-box;}
.p30t{padding-top:30%;box-sizing: border-box;}
.p10b{padding-bottom:10%;box-sizing: border-box;}
.p20b{padding-bottom:20%;box-sizing: border-box;}
 /* ====================================================================================================================
 * CONTENT
 * ====================================================================================================================*/


header {
    position: absolute;
    width: 100%;
    float: left;
    top: 0;
    left: 0;
    z-index: 1000;
    padding: 0 150px;
    box-sizing: border-box;
}
.mainLogo {
  height: 150px;
  float: left;
}
.mainLogo img {
  height: 100%;
  width: auto;
  float: left;
  padding: 25px 0;
  box-sizing: border-box;
}

.mainNav {
    height: 150px;
    display: table;
    margin: 0 auto;
}



.topNav ul li {
    float: left;
    margin: 40px 50px 0;
    border-bottom: 1px solid  rgba(255,255,255,0);
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 3px;
    font-weight: bold;
}
ul li a {color:  rgba(255,255,255,1);}
.topNav ul li.current_page_item  {border-bottom: 1px solid  rgba(255,255,255,1);}

.topNav ul li#menu-item-28.current_page_item {border-bottom: 1px solid  rgba(255,255,255,0);}



.page-template-contact .topNav ul li {border-bottom: 1px solid rgba(255,255,255,0);}
.page-template-contact ul li a {color: #212b68;}
.page-template-contact .topNav ul li.current_page_item  {border-bottom: 1px solid #212b68;}
.page-template-contact .topNav ul li#menu-item-28,.page-template-contact .topNav ul li#menu-item-28.current_page_item {border-bottom: 1px solid rgba(255,255,255,0);}

.darkHeader .topNav ul li {border-bottom: 1px solid #fff;}
.darkHeader ul li a {color: #212b68;}
.darkHeader .topNav ul li.current_page_item  {border-bottom: 1px solid #212b68;}
.darkHeader .topNav ul li#menu-item-28,.darkHeader .topNav ul li#menu-item-28.current_page_item {border-bottom: 1px solid rgba(255,255,255,0);}

.topNav ul li#menu-item-28 {
    width: 100px;
    height: 87px;
    text-indent: -9999em;
    background-image: url(assets/img/mainLogo.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0 100px;
}
.topNav ul li#menu-item-28 a {
    width: 100%;
    height: 100%;
    float: left;
}

.illaNav {
width:100%;
float: left;
padding: 50px 0;
}
.illaNav ul {
  width: auto;
  margin: 0 auto;
  display: table;
  
}
.illaNav ul li {
    width: auto;
    float: left;
    margin: 0 25px;
    font-weight: bold;
    letter-spacing: 5px;
    border-bottom: 1px solid  rgba(33,43,104,0);
    font-family: 'Butler';
}
.illaNav ul li a {color:  rgba(33,43,104,1);}
.illaNav ul li.current_page_item  {border-bottom: 1px solid  rgba(33,43,104,1);}

form {    padding: 0 25px;box-sizing: border-box;}
input.email {
    padding: 6px 20px;
    text-align: left;
    box-sizing: border-box;
    border: 0 none;
    color: #212b68;
     background-color: #c3c2c9;
     float: left;
     width: 70%;
}
#mc-embedded-subscribe {
    border: 0 none;
    cursor: pointer;
 padding: 6px 5px;
        color: #212b68;
     background-color: #c3c2c9;
     float: right;
     width: 28%;
}


.darkHeader {background-color:white;position: fixed;}

.HandheldtopNav{display: none;}
.MenuActive .HandheldtopNav{display: table;}



.toggleMenu{float: right;}
.toggleMenu ul{}
.toggleMenu ul li{width: 25px;height: 25px;cursor: pointer;margin:40px 0 0;}


.toggleMenu ul li span{width: 100%;display:table;margin:0 auto;clear:both;height: 2px;background-color: #212b68;}

.darkHeader .toggleMenu ul li span{background-color: #212b68;}
.toggleMenu ul li span:nth-child(1){}
.toggleMenu ul li span:nth-child(2){margin: 5px 0;}
.toggleMenu ul li span:nth-child(3){}


.MenuActive .toggleMenu ul li span:nth-child(1),
.MenuActive .toggleMenu ul li span:nth-child(3)
{opacity: 0;}

section {margin: 0 auto 125px;}

video {
    width: 100%;
    float: left;
}

.HandheldtopNav {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgba(33,43,104,0.97);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.HandheldtopNav ul li {
    width: 100%;
    text-align: center;
    margin: 0 auto 50px;
    padding: 5px 0;
    display: table;
    float: none;
        font-size: calc(25px + 100 * ((100vw - 320px) / 2000));
            font-family: 'Butler';
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    opacity: 0.5;
    margin: 0;
}
.HandheldtopNav ul li a {display: table;margin: 0 auto;color: white;}

.HandheldtopNav ul li.current-menu-item {border: 0 none;opacity: 1;}


header.handheld {background-color: white;height: 100px;}
.hhLogo {
    width: auto;
    height: 100px;
    float: left;
}
.hhLogo img{
    width: auto;
    height: 100%;
    padding: 25px 0;
}

.MenuActive .darkHeader .toggleMenu ul li span {
    background-color: white;
}

.maxWidthContent{max-width:2000px;box-sizing: border-box;display: table;margin: 0 auto;text-align: left;width: 100%;}
.maxWidthText{max-width:800px;box-sizing: border-box;display: table;margin: 0 auto;text-align: center;width: 100%;}
.maxWidthResina{max-width:1100px;box-sizing: border-box;display: table;margin: 0 auto;text-align: left;width: 100%;}



#intro{
  background-image: url(assets/img/skuggor/Skugga_01.jpg);
}
.home #init,.page-template-insidevillas{
  background-image: url(assets/img/skuggor/Skugga_03a.jpg);
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;
}
.home{
  background-image: url(assets/img/skuggor/Skugga_01_signup.jpg);
  background-size: 100% auto;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.page-template-team {
background-color: #c5c5cb;
  background-image: url(assets/img/skuggor/Skugga_03b.jpg);
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;
}
.page-template-contact {
  background-image: url(assets/img/skuggor/Skugga_02.jpg);
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;
}
.page-template-area {
background-color: #fbe9d6;
}

#villasIntro {background-image: url(assets/img/villas/ResinaSix_web_191010.svg);}


#cowork .blueHeader {
    margin: 50px 0 10px;
}
#cowork p {margin: 0;width: 100%;float: left;box-sizing: border-box;}
#cowork p strong {
    margin: 0 0 10px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}
#cowork ul li {padding: 0 50px;text-align: center;}


#contact{padding: 0 10%;}

.maxWidthFooter {
    width: 100%;
    max-width: 2000px;
    display: table;
    margin: 0 auto;
    padding: 100px 0;
}
.contactInfo {
    float: left;
    width: auto;
}
.contactInfo li {
  float: left;margin: 0 20px;text-align: left;
}
.contactInfo p {margin: 0;font-size: 11px;}
.socialMedia {
    float: right;
    width: auto;
}
.socialMedia li {
  float: left;margin: 0 10px;text-align: left;
}
.socialMedia li img {width: 25px;}

#TreatmentsIntro {}
.subPageHero {
    text-align: center;
    color: white;
        background-position: top center;
}
.subPageHero h1 {
    padding: calc(100px + (150 - 14) * ((100vw - 300px) / (3000 - 300)));
    margin: 0;
}
.subPageHero span{
font-size: calc(14px + (110 - 14) * ((100vw - 300px) / (3000 - 300)));
}
.subPageHero h1{
font-size: calc(14px + (170 - 14) * ((100vw - 300px) / (3000 - 300)));
}
.maxWidthTreatments {
    width: 100%;
    max-width: 2000px;
    display: table;
    margin: 0 auto;
    padding:0 0 50px;
    box-sizing: border-box;
}
.runningText h2 {
    font-size: 24px;
}
#SubpagesFlow {overflow: hidden;}
.imgHolder {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top:50%;
}
.imgHolderLeft { transform: translate(-100%,-50%);}
.centerLeft {float: left;text-align: left;}

.imgHolderRight { transform: translate(0%,-50%);}
.centerRight {float: right;text-align: right;}

.textRight {text-align: right;}
#SubpagesFlow ul li {margin: 0 0 150px;width:100%;float: left;position: relative;}
.imgAlt {    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(0%,100%);
    padding: 10px 5px;
    box-sizing: border-box;
    font-size: 12px;
}
.bookBtn {font-weight: bold;text-transform: uppercase;font-size: 11px;letter-spacing: 5px;}

.aloneRubbe {
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    display: table;
    padding: 50px 0 0;
}

#map {
    width: 60%;
    margin:0 auto;
    display: table;
    padding: 25% 0 0 0;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}

.ctaBtn {
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    padding: 15px 30px;
    margin: 0 auto;
    display: table;
    font-weight: bold;
}
.desktop{display: block;}
.handheld{display: none;}


.coreLists ul {
    display: table;
    margin: 0 auto;
    padding: 50px 0;
}

 .coreLists.listUnderImg ul {
    padding: 0 0 50px;
}

.coreLists ul li {
   
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}

.coreLists50 ul li { width:50%;text-align: left;}
.coreLists33 ul li { width: 33.333%;}
.coreLists25 ul li { width: 25%;}

.coreContent {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.blueHeader {
    margin: 50px 0;
    width: 100%;
    float: left;
    box-sizing: border-box;
        letter-spacing: 7px;
        text-align: center;
}
.contactInfo h4{color: white;}

.maxWidthResina .coreContent {    padding: 0;}

.maxWidthText .coreContent {    padding: 0;}

.infoBox {
    width: 100%;
    float: left;
    padding: 50px 0;
    box-sizing: border-box;
}

.nf-form-cont {
    padding: 0 100px;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin: 0;
}
.nf-form-fields-required {
    display: none;
}
.nf-field-label {
    display: none;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: none !important;
    border: 0 !important;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 11px;
    font-weight: bold;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: none !important;
    border-bottom: 1px solid #fff !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    text-align: center;
    font-size: 13px;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: auto !important;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: auto !important;
}
.nf-form-content select.ninja-forms-field {
    background: none !important;
    border-bottom: 1px solid #fff !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}
.nf-form-content select.ninja-forms-field option {text-align: center;}




#legs ul li {padding: 0;}



 /* ====================================================================================================================
 * Slider
 * ====================================================================================================================*/
.container a:hover,
.slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.control-nav,
.direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pauseplay span {
  text-transform: capitalize;
}

 .initSlider {
  width: 100%;
  height: 100vh;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.viewport {
  height: 100%;
  width: 100%;
}
.slides {
  width: 100%;
  height: 100%;
  float: left;
}

.initSlider .slides li {
  display: none;
  -webkit-backface-visibility: hidden;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slideText {
      width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 15;
    text-align: center;
    
}

.slideText h2 {
    color: white;
    width: 100%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    font-size: calc(30px + 100 * ((100vw - 320px) / 2000));
}
.page-template-insidevillas .slideText h2 {text-transform: none;}
.slideText h2 img {
    max-width: 65%;
    margin: 0 auto;
    float: none;
    display: table;
}
.slideText h3 {
color: white;letter-spacing: 7px;margin: 0;
}

.initSlider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .initSlider .slides {
  display: block;
}
* html .initSlider .slides {
  height: 1%;
}
.no-js .initSlider .slides > li:first-child {
  display: block;
}
.flex-control-nav {
    position: absolute;
    bottom: 250px;
    left: 50%;
    width: auto;
    z-index: 20;
    text-align: center;
    height: auto;
    display: table;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}

.flex-control-nav li {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
}
.flex-control-nav li a {
    background-color: rgba(255,255,255,0);
    border: 1px solid white;
    border-radius: 50px;
    padding: 2px;
    font-size: 10px;
    text-indent: -9999em;
    float: left;
    height: 10px;
    width: 10px;
}
.flex-control-nav li a.flex-active {
  background-color: rgba(255,255,255,1);
}

.heroshutdowned {
    margin: 0 0 -13% 0;
    width: 70%;
    float: left;
    background-image: url(assets/img/project/discover.jpg);
    position: absolute;
    z-index: 50;
    bottom: 0;
    left: 50%;

        -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}

#villasIntro .heroshutdowned {
    margin: 0 0 -6% 0;
    background-image: none;
}

.heroshutdowned h1 {
    padding: 150px 0;
    text-align: center;
    color: white;
    font-family: 'Butler';font-weight: 400;text-transform: uppercase;
    margin: 0;
}

.heroshutdowned h1 img {max-width: 50%;float: none;margin: 0 auto;display: table;}

.svgRubbe {width:100%;float: left;box-sizing: border-box;text-align: center;}

.svgRubbe img {max-width: 80%;float: none;margin: 0 auto;display: table;}

.heroshutdowned h1 span {
font-style: italic;
}
.initSlider {}
#intro .slides{
    padding: 0;
    box-sizing: border-box;
}

#init.ifNoHero {
    padding: 300px 10% 0;
}

.metaVillaList {
}

.coreLists ul.metaVillaList li {
    text-align: center;
        color: #212b68;
}
.coreLists ul.metaVillaList.metaVillaList33 li {
	    width: 33.333%;
}
.coreLists ul.metaVillaList.metaVillaList50 li {
	    width: 50%;
}
.coreLists ul.metaVillaList.metaVillaList100 li {
	    width: 100%;
}
.metaVillaList li p{
	    font-family: 'Butler';
    font-weight: 400;
	font-size: calc(20px + 15 * ((100vw - 320px) / 2000));
	margin: 0;
	    text-transform: uppercase;
}


.metaVillaList li span {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
    margin:0;
}

.villaSold {
    text-decoration: line-through;
        position: relative;
            border: 0 none !important;
}
.villaSold::after {
    content: 'Sold';
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 -13px;
    width: 100%;
    float: left;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
}

.imgWtext {
    position: relative;
    width: 100%;
    float: left;
}
.imgWtext img {
    max-width: 65%;
    float: none;
    display: table;
    margin: 0 auto;
}
.imgWtextRubriker {
    position: absolute;
    top: 50%;
    left: 50%;
        -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.imgWtextRubriker h2,.imgWtextRubriker h4 {color: white;margin: 0;}

 /* ====================================================================================================================
 * Media querys
 * ====================================================================================================================*/

@media only screen and (min-width: 1101px) and (max-width: 1300px) {
}



@media screen and (max-width: 1710px) {
.topNav ul li {
    margin: 40px 10px 0;
}
#cowork ul li {
    padding: 0 10px;
}
}

@media screen and (max-width: 1300px) {


header {padding: 0 50px;}


.darkHeader .mainNav {
    height: 110px;
}

.coreLists25 ul li{width: 50%;margin: 0 0 50px;}

#cowork .blueHeader {
    margin: 15px 0 10px;
}
}



@media screen and (max-width: 1200px) {
.illaNav ul li {
    width: 50%;
    box-sizing: border-box;
    margin: 0 0 10px;
}
.svgRubbe img {
    max-width: 96%;
}
.coreLists33 ul li {
    width: 100%;
    margin: 0 0 25px;
}
.coreLists25 ul li {
    width: 50%;
    margin: 0 0 25px;
}
#legs ul li {
    margin: 0 0 50px;
}
.contactInfo li {
    width: 100%;    margin: 0 0 25px;
}
.contactInfo h4 {
    margin: 0 0 10px;
}
.socialMedia {
    float: left;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 25px 0 0;
}

}
@media screen and (max-width: 1030px) {
.desktop{display: none;}
.handheld{display: block;}


#init {
    padding: 150px 10px 0;

}
.heroshutdowned {
    width: 100%;
    position: static;
    transform: none;
    margin: 100px 0 0;
}
#intro {
    margin: 0;
}
}
@media screen and (max-width: 900px) {
  .blueHeader {
       letter-spacing: .5px;
    line-height: 20px;
}
.nf-form-cont {
    padding: 0;
}
  .blueHeader br,h2 br {display: none;}
.coreLists50 ul li {
    width: 100%;margin: 0 0 25px;
}
.coreLists25 ul li{width: 100%;}


.heroshutdowned h1 img {max-width: 100%;}
.heroshutdowned h1 {padding: 100px 0;}


}