body {
        padding-bottom: 40px;
/*        background:
          linear-gradient(0deg, #FFF, #DFEFFF 90%);*/
        background-color: #DFEFFF;
        font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
      }

      body ul, p{
        font-size:24px;
      }

#info-by-location-text-above{
    text-align: center;
    color: #005983;
    /*width: 550px;*/
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 70px;
    margin-bottom: 50px;*/
}

#info-by-location-text-above h2{
    font-size:1.2em;
}
  .countyImage{
	width:90%;
	max-width:550px;
  }
  .tractImage{
  width:90%;
  max-width:550px;
  }

input.invalid {
  border-color: red;
}

      .loading{
        display:none;
        position: absolute;
        background-color: rgba(0,0,0,.25);
        text-align: center;
        height: 100vh;
        width:100vw;
		z-index:99999;
      }
      .loading-image{
        position:fixed;
        top:49%;
        background-color: white;
        padding: 40px;
        border-radius: 10px;
        box-shadow: grey 0px 0px 10px;
      }

      .form-signin {
        width: 500px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #005983;
        text-align:center;
        color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin input[type="text"]{
        font-size: 16px;
        color:#000;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }
      #fips-submit{
        background-color:#7bad98;
        color:#005983;
        width:100px;
        margin-left:auto;
        margin-right:auto;
      }

      .header-row{
            height: 70px;
            background-color: #fff;
            padding-bottom: 30px;
            overflow:hidden;
            color:#000;
          }

        .header-image{
          float:left;
          margin-left:10px;
          margin-top:5px;
        }

        .header-title{
				  margin-left: auto;
    margin-right: auto;
    text-align: center;
          /*float:left;
          padding-left: 20px;*/
        }

      .buffer {
        margin-bottom:200px;
      }

      #error-box{
        display:none;
        color:#a94442;
        padding-top: 8px;
      }

      #toggleMeasuresToDisplay{
  cursor: pointer;
}
#measuresToDisplayDiv{
  display:none;
  margin-left:100px;
  text-align:left;
}


       body{
      position: relative; /*Needed for scrollspy*/
    }

    /*text styles*/

    .accent{
      color:#fff;
    }
    .micro{
      font-size:8px;
    }
    .smaller{
      font-size:12px;
    }
    .small{
      font-size:16px;
    }
    .base{
      font-size:24px;
    }
    .large{
      font-size:32px;
    }
    .larger{
      font-size:45px;
    }
    .jumbo{
      font-size:60px;
    }
    .bold{
     font-weight: bold;
    }
    /*end text styles*/

    /*Generic styles*/
    .row-internal-padding{
      padding: 20px;
      max-width:1800px;
      margin: 0 auto;
    }
    .bottom-padding{
      padding-bottom:24px;
    }
    .rounded-corners{
      border-radius:5px;
    }
    .center{
      text-align:center;
    }
    .pointer{
      cursor: pointer;
    }
    .clear-fix{
      clear:both;
    }
    .margin0{
      margin:0;
    }
    .marginleft10{
      margin-left:10px;
    }

    .title-footnote sup{
      top: -1.0em;
      font-size:30px;
    }
    /*End Generic styles*/

    .floating-menu{
      position:fixed;
      right:10px;
      top:20px;
      background-color:white;
      z-index:4;
      opacity: 0.3;
      display:none;
    }
    .floating-menu:hover{
      cursor: pointer;
    }
    .floating-menu-list{
      list-style-type: none;
      margin:0;
      padding:5px;
    }
    .floating-menu-list li{
      padding:5px 10px;
    }
    .county-search-button-section{
      color:#fff;
      background-color: #DFEFFF;
    }
    .demographic-button-section{
      color: #74b2a1;
      background-color: #008264;
    }
    .asthma-button-section{
      color:#265982;
      background-color:#eee;
    }
    .air-quality-button-section{
      color: #462f92;
      background-color: #a286be;
    }
    .smoking-button-section{
      color: #58585a;
      background-color: #cfd0d2;
    }
    .health-insurance-button-section{
      color: #265982;
      background-color: #6495b7;
    }

/****************** DEMOGRAPHICS SECTION ***********************/
    #demographics-section
    {
      color: #B4D2C5; /**#74b2a1;**/
      background-color: #008264;
    }
.poverty-line {
    float: left;
    width: 200px;
}
.second-poverty-line {
    float: left;
    width: 200px;
}
    .unemployed-line{
      float:left;
      width:200px;
    }
.second-unemployed-line {
    width: 200px;
    float: left;
    /*margin-left: 200px;*/
}
    .education-line{
      float:left;
      width:200px;
    }
.second-education-line {
    width: 200px;
    float: left;
    /*margin-left: 200px;*/
}
      #demographics-section .social img{
        background-color: #74b2a1;
        width:50px;
        height:50px;
      }
      #demographics-section .social a{
        color: #74b2a1;
      }
      #demographics-section .sex{
        padding-right:10px;
      }


/****************** ASTHMA SECTION ***********************/

#asthma-section {
    background-color: #eee;
    background-image: url("../../images/sawtooth.png");
    color: #265982;
}
  .asthma-images{
    position:relative;
    margin-left:100px;
    height:420px;
    max-width:400px;

  }
    .asthma-empty-lungs{
    position:absolute;
    background: url("../../images/asthma-lungs-empty.png");
    background-position: bottom;
    background-repeat: no-repeat;
	background-size: contain;
    height: 364px;
    width: 100%;
  }
.asthma-left-lung {
    background: url("../../images/left-lung.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 0px;
    width: 50%;
    display: none;
}
.asthma-right-lung {
    background: url("../../images/right-lung.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 0px;
    width: 50%;
    display: none;
}
  /*@media (max-width: 991px) {
  .asthma-left-lung{
    background: url("../images/left-lung.png");
    background-position: bottom;
    background-repeat: no-repeat;
    position:absolute;
    left: 0px;
    bottom: 0px;
    height: 0px;
    width: 73%;
    display:none;
  }
    .asthma-right-lung{
    background: url("../images/right-lung.png");
    background-position: bottom;
    background-repeat: no-repeat;
    position:absolute;
    right: 0px;
    bottom:0px;
    height: 0px;
    width: 73%;
    display:none;
  }
}*/


  .asthma-images-child{
    position:relative;
    margin-left:150px;
    height:320px;
    width:300px;
  }
.asthma-empty-lungs-child {
    background: url("../../images/asthma-lungs-empty-child.png");
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    height: 272px;
    width: 300px;
}
.asthma-left-lung-child {
    background: url("../../images/left-lung-child.png");
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 0px;
    width: 150px;
    display: none;
}
.asthma-right-lung-child {
    background: url("../../images/right-lung-child.png");
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 0px;
    width: 150px;
    display: none;
}
  .asthma-state-name{
    position:absolute;
    top: 92%;
    left:0px;
    max-width:190px;
    color:#76AE9A;
  }
  .asthma-national-name{
    position:absolute;
    top: 92%;
    right:0px;
    width:100px;
    color:#F0B30D;
  }

  .asthma-state{
    position:absolute;
    left: 30px;
    top:190px;
  }
  .asthma-national{
    position: absolute;
    right: 30px;
    top:190px;
  }

  .asthma-state-child{
    position:absolute;
    left: 40px;
    top:140px;
  }
  .asthma-national-child{
    position: absolute;
    right: 40px;
    top:140px;
  }


  #asthma-section .top{
    background:
      linear-gradient(135deg, #008264 25%, transparent 25%) -50px 0,
      linear-gradient(225deg, #008264 25%, transparent 25%) -50px 0;
    background-size: 100px 100px;
    height:50px
  }
  #asthma-section .bottom{
    background:
      linear-gradient(45deg, #a286be 50%, transparent 50%),
      linear-gradient(-45deg, #a286be 50%, transparent 50%);
    background-size: 100px 100px;
    height:50px
  }
  #asthma-section .social img{
    background-color: #265982;
    width:50px;
    height:50px;
  }
  #asthma-insurance-section .social a{
    color: #265982;
  }
  .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/****************** AIR QUALITY: OZONE; SECTION ***********************/
      #air-quality-ozone-section
      {
          color: #764c29;
          background-color: #fae1ac;
      }
      #air-quality-ozone-section .accent{
        color:#df511e;
        font-weight:bold;
      }

      #air-quality-ozone-section .ozone-city{
        position: relative;
        width:500px;
      }

      #air-quality-ozone-section .ozone-cloud{
        position: absolute;
        top: 66px;
        left: 400px; /* move to 138px; */
        width: 300px;
        display:none;
      }

      #air-quality-ozone-section .ozone-city-number{
        position: absolute;
        top: 70px;
        left: 260px;
      }

      #air-quality-ozone-section .social img{
        background-color: #764c29;
        width:50px;
        height:50px;
      }

      #air-quality-ozone-section .social a{
        color: #764c29;
      }


/****************** AIR QUALITY SECTION ***********************/
      #air-quality-section
      {
          color: #462f92;
          background-color: #a286be;
      }

        #air-quality-section .social img{
          background-color: #462f92;
          width:50px;
          height:50px;
        }

        #air-quality-section .social a{
          color: #462f92;
        }

        #air-quality-section #info-graphic-div{
          position: relative;
        }
        #air-quality-section #air-quality-infographic-overlay
        {
          border: 16px solid #462f92;
          border-radius: 16px;
          width:530px;
        }
        #air-quality-section #air-quality-infographic-overlay p
        {
          padding:5px;
        }

        #air-quality-section #air-quality-number{
          position: absolute;
          top: 90px;
          left: 170px;
          font-size: 90px;
          color: #462f92;
          display:none;
        }
      #air-quality-section #national-standard{
        color:#462f92;
        background-color:#fff;
        width:200px;
      }

      #air-quality-section #county-standard{
        color:#fff;
        background-color:#462f92;
        width:200px;
      }

/****************** SMOKING SECTION ***********************/

      #smoking-section
      {
          color: #58585a;
          background-color: #cfd0d2;
          /*background-image: repeating-linear-gradient(-30deg, transparent, transparent 0px, rgba(255,255,255,.5) 8px, rgba(255,255,255,.5) 1px);*/
      }
        #smoking-section .social img{
          background-color: #58585a;
          width:50px;
          height:50px;
        }
        #smoking-section .social a{
          color: #58585a;
        }
        #smoking-section .top{
          background:
            linear-gradient(135deg, #a286be 25%, transparent 25%) -50px 0,
            linear-gradient(225deg, #a286be 25%, transparent 25%) -50px 0;
          background-size: 100px 100px;
          background-color: transparent;
            height:50px
        }
        #smoking-text{
          position: relative;
          margin-bottom: 80px; /*account for absolute img*/
        }
        #smoking-text img{
          position: absolute;
          bottom: -50px;
        }
        #smoking-text p{
          padding-left:150px;
        }

        #smoking-bar-chart{
          height:250px;
          width:200px;
        }

        .smoking-infographic{
          width:400px;
        }

        #smoking-section .bottom{
          background:
            linear-gradient(45deg, #6495b7 50%, transparent 50%),
            linear-gradient(-45deg, #6495b7 50%, transparent 50%);
          background-size: 100px 100px;
          height:50px
        }

        .cigarette{
            position:relative;
            height:245px;
            width:140px;
            float:left;
        }
        .cigarette-bar{
            border: 8px solid #58585a;
            height:0px;
            width:45px;
            margin-left:50px;
            position:absolute;
            bottom:0px;
        }
        .cigarette-filter{
            background-color:#58585a;
            height:60px;
        }
        .cigarette-name{
          position:absolute;
          bottom:0px;
          left:0px;
        }
        .cigarette-percent{
          position:absolute;
          top:0px;
          margin-bottom:20px;
        }


/****************** HEALTH INSURANCE MEASURE ***********************/
      #health-insurance-section
      {
          color: #265982;
          background-color: #6495b7;
      }
        #health-insurance-section .social img{
          background-color: #265982;
          width:50px;
          height:50px;
        }
        #health-insurance-section .social a{
          color: #265982;
        }
      #health-insurance-section .syringe{
          position:relative; padding-top:25px;
        }
        #health-insurance-section .syringe img{
          z-index:999; position:absolute;
        }
        #health-insurance-section .syringe-number{
          position:absolute; left:220px; top:0px; font-size:40px;
        }
        #health-insurance-section .syringe .syringe-bar-chart{
          height:65px;width:180px; padding-left:52px;
        }

/****************** HEAT MEASURE ***********************/
        #heat-measure-section .top{
          background:
            linear-gradient(135deg, transparent 25%, transparent 25%) -50px 0,
            linear-gradient(225deg, transparent 25%, transparent 25%) -50px 0;
          background-size: 100px 100px;
          background-color: transparent;
            height:50px
        }

        #heat-measure-section
        {
          color:#e0401b;
          background-color: #fae8b7;
        }

        #heat-measure-section .heat-infographic
        {
          height: 300px;
          min-width: 280px;
        }

        #heat-measure-section .heat-thermometer-fill{
            background-color: #e0401b;
            position: absolute;
            z-index: 1;
            left: 200px;
            bottom: 150px;
            height: 0px;
            width: 100px;
        }
        #heat-measure-section .heat-thermometer{
          position: absolute;
          z-index: 2;
        }
        #heat-measure-section .heat-thermometer-number{
          position: absolute;
          left:0px;
          font-size:35px;
          min-width: 250px;
        }
        .heat-thermometer-number-additional{
          position: absolute;
          left:0px;
          top:260px;
          font-size:25px;
          min-width: 250px;
        }
        #heat-measure-section .social img
        {
          background-color: #e0401b;
          width:50px;
          height:50px;
        }
        #heat-measure-section .social a{
          color: #e0401b;
        }
/****************** Birth Defects MEASURE ***********************/
        #birth-defects-section .top{
          background:
            linear-gradient(135deg, #fae8b7 25%, transparent 25%) -50px 0,
            linear-gradient(225deg, #fae8b7 25%, transparent 25%) -50px 0;
          background-size: 100px 100px;
          background-color: transparent;
            height:50px
        }
        #birth-defects-section
        {
			font-size:18px;
          color:#2b2b2bdb;
          /*background-color: #EBC4C9;efc6ca*/
          background-color: #ddc3ecbf;
        }
        #birth-defects-section .birth-defects-infographic
        {
			max-width:350px;
        }		
		 #birth-defects-section .bdsection1 p,li
        {
			font-size:22px;
        }		
		 #birth-defects-section .bdsection2 p,li
        {
			font-size:18px;
        }

        #birth-defects-section .social img
        {
          background-color: #995bde;
          width:50px;
          height:50px;
        }
        #birth-defects-section .social a{
          color: #995bde;
        }
        #birth-defects-section .blue{
          color: #00adef;
        }
        #birth-defects-section .birth-defects-number{
          position:absolute;
          left: 285px;
          top: 35px;
          z-index: 11;
          opacity:0;
        }
        .birth-defects-number-less-than{
          position: absolute;
          left: 264px;
          top: 6px;
          z-index: 11;
        }

        #birth-defects-section .birth-defects-text{
          position:absolute;
          left: 270px;
          top: 120px;
          z-index: 11;
          opacity:1;
        }
        #birth-defects-section .bottle-empty{
			/*left: 40px;*/
top: 0px;
			width:60px;
position:absolute;
        }
		#birth-defects-section .bottle-fill{
			background: url(../../images/feeding-bottle-fill.png);
			background-position: bottom;
			background-repeat: no-repeat;
			background-size: cover;
	position:absolute;
			height:0px;
			/*left: 40px;*/
			bottom: -119px;
			width:60px;
			z-index:9;
			display: none;
		}
		 #birth-defects-section .bottle-images{
    position:relative;
    height:220px;
    /*max-width:400px;*/
  }
  
          #birth-defects-section .pacifier-empty{
			/*left: 0px;
			bottom: 0px;
			height:80px;
			position:absolute;*/
			background: url(../../images/pacifier2.png);
			background-repeat: repeat;
			background-size: contain;
			position:absolute;
			height:65px;
			left: 10px;
			bottom: 40px;
			max-width:325px;
			width:100%;
        }
		#birth-defects-section .pacifier-fill{
			background: url(../../images/pacifier-fill.png);
			background-repeat: repeat;
			background-size: contain;
			position:absolute;
			height:65px;
			left: 10px;
			bottom: 40px;
			max-width:325px;
			width:0px;
			z-index:9;
			display: none;
		}
		 #birth-defects-section .pacifier-images{
    position:relative;
    height:220px;
    /*max-width:400px;*/
  }

		#birth-defects-section .bd2{
			position: absolute;
			    box-shadow: inset 0 0 0 0 #ddc3ecbf;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
        }
				#birth-defects-section .bd2:hover {
    box-shadow: inset 300px 0 0 0 #e0e0e0;
    color: #fff;
}
		#birth-defects-section .bd-fill{
		    background: linear-gradient(to right, rgba(247,247,49,1) 0%,rgba(255,255,255,0) 69%);
			position: absolute;
        }		
		
/****************** HEART MEASURE ***********************/
        #heart-measure-section .top{
          background:
            linear-gradient(135deg, #fae8b7 25%, transparent 25%) -50px 0,
            linear-gradient(225deg, #fae8b7 25%, transparent 25%) -50px 0;
          background-size: 100px 100px;
          background-color: transparent;
            height:50px
        }
        #heart-measure-section
        {
          color:#a41f2f;
          /*background-color: #EBC4C9;efc6ca*/
          background-color: #efc6ca;
        }
        #heart-measure-section .social img
        {
          background-color: #a41f2f;
          width:50px;
          height:50px;
        }
        #heart-measure-section .social a{
          color: #a41f2f;
        }
        #heart-measure-section .blue{
          color: #00adef;
        }
        #heart-measure-section .heart-number{
          position:absolute;
          left: 285px;
          top: 35px;
          z-index: 11;
          opacity:0;
        }
        .heart-number-less-than{
          position: absolute;
          left: 264px;
          top: 6px;
          z-index: 11;
        }

        #heart-measure-section .heart-text{
          position:absolute;
          left: 270px;
          top: 120px;
          z-index: 11;
          opacity:1;
        }

        #heart-measure-section .heart-fill{
          width:0px;
          position: absolute;
          z-index:9;
          background-color:#00adef;
          height:216px;
        }
        #heart-measure-section .heart-image{
          position:absolute;
          z-index:10;
        }
        #heart-measure-section .heart-infographic{
          width:400px;
          height:300px;
        }
        /****************** CLP MEASURE ***********************/

                #clp-measure-section
                {
                  color:#764c29;
                  background-color: #fae1ac;
                }
                #clp-measure-section .social img
                {
                  background-color: #764c29;
                  width:50px;
                  height:50px;
                }
                #clp-measure-section .social a{
                  color: #764c29;
                }
                #clp-measure-section .blue{
                  color: #00adef;
                }
                #clp-measure-section .clp-number{
                  position:absolute;
                  left: 285px;
                  top: 35px;
                  z-index: 11;
                  opacity:0;
                }
                .clp-number-less-than{
                  position: absolute;
                  left: 264px;
                  top: 6px;
                  z-index: 11;
                }

                #clp-measure-section .clp-text{
                  position:absolute;
                  left: 270px;
                  top: 120px;
                  z-index: 11;
                  opacity:1;
                }

                #clp-measure-section .clp-fill{
                  width:0px;
                  position: absolute;
                  z-index:9;
                  background-color:#00adef;
                  height:216px;
                }
                #clp-measure-section .clp-image{
                  position:absolute;
                  z-index:10;
                }
                #clp-measure-section .clp-infographic{
                  width:400px;
                  height:300px;
                }

/****************** Access to Parks Section ***********************/
        #access-to-parks-section
        {
            color: #278163;
            background-color: #79ac97;
        }
        #access-to-parks-section .top{
          background:
            linear-gradient(135deg, #EBC4C9 25%, transparent 25%) -50px 0,
            linear-gradient(225deg, #EBC4C9 25%, transparent 25%) -50px 0;
          background-size: 100px 100px;
          background-color: transparent;
            height:50px
        }
        #access-to-parks-section #access-to-parks-infographic-overlay{
          position: relative;
        }

        /*.access-to-parks-number{
          font-size:60px;
        }*/

        #access-to-parks-section #access-to-parks-infographic-overlay h3{
          position: absolute;
          top: 62px;
          left: 60px;
          font-size:60px;
          color: white;
          display:none;
        }
        #access-to-parks-section #access-to-parks-infographic-overlay h4{
          position: absolute;
          top: 62px;
          left: 233px;
          color: white;
          width: 200px;
        }
        #access-to-parks-dots{
  float: right;
    padding-right: 74px;
    overflow: hidden;
    height: 312px;
    height: 85px;
}




        #access-to-parks-section .social img{
          background-color: #278163;
          width:50px;
          height:50px;
        }
        #access-to-parks-section .social a{
          color: #278163;
        }

/****************** Proximity to Highways Section ***********************/

        #proximity-to-highways-section{
          background-color: #91d8f6;
          color: #1f2153;
        }

        #proximity-to-highways-section .proximty-to-highways-infographic{
          position: relative;
        }

          #proximity-to-highways-car{
            position: absolute;
            top:130px;
            left:0px;
          }

          /*#proximity-to-highways-number{
            display: none;
            position: absolute;
            font-size: 60px;
            top: 135px;
            left: 215px;
          }*/
          #proximity-to-highways-text{
            font-size:30px;
          }

        #proximity-to-highways-section .social img{
          background-color: #1f2153;
          width:50px;
          height:50px;
        }

        #proximity-to-highways-section .social a{
          color: #1f2153;
        }
        #proximity-to-highways-car {
            height:3vw;top: 7vw;

        }
        #proximity-to-highways-house{
          height:12vw;
        }
        #proximity-to-highways-number{
          display: none;
          position: absolute;
          font-size: 5rem;
          top: 6vw;
          left: 15px;
        }
        @media (max-width: 991px) {
          #proximity-to-highways-number{
            display: none;
            position: absolute;
            font-size: 60px;
            /*top: 135px;*/
            top: 18vw;
            left: 15px;
          }
    #proximity-to-highways-car {
        height:20%;top: 14vw;

    }
    #proximity-to-highways-house{
      height:unset;
      width:100%;
    }


}

/****************** FOOTER SECTION ***********************/


        #cdc-footer-section{
          text-align:center;
        }


        .social a,
        .social a:hover{
          text-decoration: none;
        }

        #tracking-link{
          color:#758e3b;
        }

        .rotate {
        /* Safari */
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        /* Internet Explorer */
        /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
        }

        .spin{
          -webkit-animation-name: spin;
          -webkit-animation-duration: 4000ms;
          -webkit-animation-iteration-count: infinite;
          -webkit-animation-timing-function: linear;
          -moz-animation-name: spin;
          -moz-animation-duration: 4000ms;
          -moz-animation-iteration-count: infinite;
          -moz-animation-timing-function: linear;
          -ms-animation-name: spin;
          -ms-animation-duration: 4000ms;
          -ms-animation-iteration-count: infinite;
          -ms-animation-timing-function: linear;

          animation-name: spin;
          animation-duration: 4000ms;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
        }

        @-moz-keyframes spin {
            from { -moz-transform: rotate(0deg); }
            to { -moz-transform: rotate(360deg); }
        }
        @-webkit-keyframes spin {
            from { -webkit-transform: rotate(0deg); }
            to { -webkit-transform: rotate(360deg); }
        }
        @keyframes spin {
            from {transform:rotate(0deg);}
            to {transform:rotate(360deg);}
        }

        .centered{
          margin-left:auto;
          margin-right:auto;
        }


    @media (min-width: 1200px) {
      .floating-menu{
        display: none;
      }
    }



/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    vertical-align: super;
}

    /* Hide default HTML checkbox */
.switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
 .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #428bca;
}

input:focus + .slider {
    box-shadow: 0 0 1px #428bca;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
        border-radius: 50%;
    }