body, html {
width:100%;
height: 100%;
min-height: 100%;
margin: 0;
font-family: 'Teko', sans-serif;
color:#fff;
}

h1,h2,h3,h4 {font-weight:600;}
p {font-size:1.5em;
    font-weight:400; padding:20px 0px 0px 60px;}

h1 {font-size:4em;
line-height:100%;
background: rgba(0,0,0,0.4);
padding:20px 20px 20px 60px;
    margin:0;
width:40%;}
h2 {
    color:chartreuse;
    font-size:3.5em;
line-height:100%;
background: rgba(0,0,0,0.4);
padding:0px 20px 20px 60px;
    margin:0;
width:40%;
font-weight:400;}

.logo {padding:60px;}

#bg-ed {
  background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0) ), url("img/ed-ob.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#bg-makoto {
  background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0) ), url("img/makoto.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#bg-break {
  background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0) ), url("img/break.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn-primary {background-color:black;color:chartreuse;font-size:1.5em;border-color:#fff;}
.btn-primary:hover {background-color:#90ff00;color:black;border-color:black;}
.btn-primary:active {background-color:#999;color:black;border-color:black;}
.carousel-item, .carousel-inner {height:100%;}

    .carousel {
      margin-bottom: 0px;
    }



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


      

    @media (max-width: 767px) {
        
    h1 {font-size:3em;
line-height:100%;
background: rgba(0,0,0,0.4);
padding:20px 20px 20px 60px;
width:80%;}
        h2 {font-size:2.5em;
width:80%;}

      p {font-size:1em;
      }