/* @override 
	https://offcmd.io/assets/css/bootstrap-responsive.css
	https://offcmd.io/assets/css/bootstrap.css */


    /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      /*padding-bottom: 40px;*/
      	color: #565656;
		/*font-family: 'Poppins', sans-serif;*/
		font: 100% 'PT Mono', monospace;
    	/*	font-weight: 400;*/
	 	background-color: #ffffff;
	 	
  	}
  	
  	a{
  		color:#e40053;
  		font-weight: bold;
  	}
	a:hover{
		text-decoration: underline;
	}
	

	h1 {
		color: ##e40053;
		text-align: center;
		margin: 18% auto 12% auto;
		letter-spacing: -10px;
	}

	h2 {
		/*font-size: 170%;*/
		line-height: 30px;
		color: #e40053;
	}
	
	h3 {
		text-align: center;
		/*font-weight: 400;*/
		line-height: 1.4em;
		color: #e40053;
		padding-right: 10%;
		padding-left: 10%;
	/*	font-size:1.4vw;*/
	}
	
	.contents {
		padding-bottom: 56px;
	}
	.row {
		padding-bottom: 50px;
	}
	
	.span3 {
		margin-bottom: 40px;
	}
    

	.logo{
		position: relative;
		margin: 0 auto;
		width: 60%;
		height: auto;
		padding-bottom: 60px;
		padding-top: 50px;
	}
	
	
	.badgy {
		width: 90%;
		margin: auto;
		padding-bottom: 50px;
	}
	
	.fear {
		background-color: #f1f1ef;
	}
/*	
	.fear {
		background: url("/assets/img/fear-thumb3.jpg") center no-repeat #cccccc;
		background-size: cover;
		height: 350px;
		position: relative;
		
	}
	.push{
		padding-top: 360px;
	}
	.pushed{
		padding-top: 260px;
	}*/
	/* .fear h2{
		color: #fff;
	}
	.fear a{
		color: #fff;
		text-decoration: underline;
	}*/



    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      /*margin-bottom: 300px;*/
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
      visibility: hidden;
    }
    


    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .navbar-inner {
              margin: -20px;
            }
      
           /* .carousel {
              margin-left: -40px;
              margin-right: -40px;
            }*/
      
      
      .carousel {
        margin-bottom: 40px;
      }
      
      .carousel img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
       
      }
      
      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .logo{
      	position: relative;
      	width: 50%;
      	height: 70%;
      	vertical-align: top;
      	margin: 20px auto;
      }

    }