body {

    margin: 0px;
    padding: 0px;
    background-color:#333;
   

}

* {


    font-family: 'Roboto', sans-serif;
}

 h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 24pt;
    margin-top: 30pt;
}

h3 {
    font-family: 'Roboto', sans-serif;

    margin-top: 30pt;
}

h1 {
    font-size: 44pt;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 10pt;

}

li {list-style-type: none;}

ul li:before{ content:"-"; position:relative; left:-5px;} ul li{ text-indent:-5px; }




body {
/* The image used */
background-image: url("hokusai.jpg");

/* Full height */
height: 100%; 

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;


}




main {

    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

header {

    background-color: #222;
    color: white;
}

header nav {

    padding: 10px 10px 10px 20px;

}

header nav p {

    display: block;
    float:right;
    margin-right: 20px;

}


header nav img {

    width: 200px;
    height: auto;


}

.kanji {

   color:#B71E1E;
   padding: 2pt;
}


.judo {

    height: 500px;
    position: relative;
    background-image: url(team.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;


}
.block {


    margin-bottom: 20pt;


}

p {

    line-height: 1.5em;
    font-size:medium;

}



.judo h2 {
    
        text-align: center;
        position: absolute;   
        right:10%;
        top: 50%;
        transform: translate(0, -50%);  
    
}


.defensa_personal {

    height: 500px;
    position: relative;
    background-image: url(defensa_personal.png);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;


}

.defensa_personal h2 {
    

    position: absolute;   
    left:20px;
    top: 50%;
    transform: translate(0, -50%); 
    color: white; 

}
.sambo {

    height: 700px;
    position: relative;
    background-image: url(sambo.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;



}

.sambo h2 {
    
    text-align: center;
    position: absolute;   
    left:10%;
    top: 50%;
    transform: translate(0, -50%);  

}


/* 
h2 {

    color:white;
    font-size: 40pt;
    font-family: 'Roboto', sans-serif;

} */

footer {


    padding-top: 50px;
    padding-bottom: 40px;
    background-color: #222;

}


footer img {

    display: block;
    width: 150px;
    height: auto;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.0);
    /* border: 2px solid #1d75cd; */
    margin-left: auto;
    margin-right: auto;

}

footer h3, footer p {

    color:white;
    text-align: center;


}

footer p a {

    color:white;
    text-decoration: none;
    font-weight: bold;

}


.fa {
    padding: 10px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    color: white;
}


h2 a {

    color: white;

}

.content {

    background-color: white;
    padding-top: 20pt;
    padding-bottom: 20pt;
    padding-left:60pt;
    padding-right:60pt;

}
.content img {

width: 100%;
height: auto;

}

.content h1 {

    color:#222;
    margin: 0px;
    margin-top: 20px;

}


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

    main {

        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    h2 {

        /* color:white; */
        font-size: 20pt;
    
    }

    .judo h2, .defensa_personal h2 {

        /* color:white; */
        font-size: 40pt;
        text-shadow: 2px 2px 5px #000000;
    
    }

    .content {

        padding: 10pt;
    }

    .content h1 {
        font-size: 36pt;
        padding: 0pt;
        margin: 0pt;
        line-height: normal;
    }

    header nav p {

        display: none;

    }


}