/* CSS Document */

/* clear fix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* clear fix - finish */

* {
-moz-transition: all 0.06s ease-in-out 0s;
-webkit-transition: all 0.06s ease-in-out 0s;
transition: all 0.06s ease-in-out 0s;
}

.this span {
    display: inline;
  }

.this span:before {
    content: "\a ";
    white-space: pre;
  }
.this span.txt {
    font-size: 15px;
    text-transform: capitalize;
}


.mrid > ul.sensei {paddding:0; margin:0;}
.mrid > ul.sensei li {paddding:0; margin:0;
    background-color: transparent;
    display: block;
    width: 100%;
	margin-bottom:14px;
}



.img { width:100%;}

.sensei img {
    float: left;
    border: 1px solid #af1c29;
    border-radius: 16px;
    display: block;
    margin: 14px;
    max-width: 107px;
    padding: 2px;
    width: 100%;

}



.sensei h3 {
    font-family: oswald;
    font-size: 17px;
    text-align: center;
    text-transform: capitalize;
}

 .sensei img {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.centerImage { margin:auto; display:block;}

.floatImg {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}


.floatImg {
    border: 1px solid #af1c29;
    border-radius: 24px;
    float: none;
    margin: 14px auto;
    max-width: 236px;
    padding: 2px;
    width: 100%;
	display:block;
}



.mrid {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.mrid h1 {font-family: "Oswald",helvetica,arial;}
.mrid h2, .mrid h3 {padding: 0 !important; color:#AF1C29;}
.mrid h3 {
    font-family: Raleway;
    font-size: 15px;
}

.mrid p {
    font-family: "Noto Sans",sans-serif;
    font-size: 0.9em;
    letter-spacing: 0.025em;
    line-height: 1.5em;
    margin: 0.25em 0.3em 1.25em;
}

.mrid p.bold { margin-bottom:0; padding:0;}
.mrid > ul {
    margin-bottom: 30px;
}
.mrid > ul li {
    font-family: arial;
    font-size: 14px;
    margin-left: 30px;
    margin-top: 0;
    padding: 0;
}


.mrid > ul.historyBox, .mrid > ul.masterBox, .mrid > ul.kobudoBox { width:100%; text-align:center;}


.mrid > ul.historyBox li, .mrid > ul.masterBox li,
.mrid > ul.kobudoBox li {display: inline-table;  margin: 0; padding: 0;text-align: center;}
.mrid > ul.kobudoBox li {

    width: 60px;
}
.mrid > ul.masterBox li {
    max-width: 131px;
    width: 60px;
}

.mrid > ul.historyBox li {
    max-width: 218px;
}

.mrid > ul.historyBox li:nth-of-type(2n+1) {
    width: 71px;
}
.mrid > ul.historyBox li:nth-of-type(2n) {
    padding: 0 3px;
    width: 125px;
}
.mrid > ul.kobudoBox li:nth-of-type(2n+1) {
    width: 101px;
}
.mrid > ul.kobudoBox li:nth-of-type(2n) {
    padding: 0 3px;
    width: 64px;
}

.historyBox p, .masterBox p,  .kobudoBox p {
    font-size: 11px;
    line-height: 12px;
}
.historyBox img, .masterBox img, .kobudoBox img { width:100%; height:auto;}

.centerText { text-align:center;}

div#mgs {
    color: white;
}



html, html a {
    text-shadow: 0.063em 0.063em 0.063em rgba(0, 0, 0, 0.004);
}
#wrapper {
	min-width: 20.000em;
     width: 100%;
	 -webkit-overflow-scrolling: touch;

}

#wrapper h2, .bgScreen h3, .checkMarks {font-family: "Oswald",helvetica,arial}
#wrapper h2 { font-size:1.2em;  padding: 1.25em 1.5em 0;}



.checkMarks {
    font-weight: bold;
    margin: 2em auto 2em 2em;
    text-transform: uppercase;
}

.checkMarks li::before {
    background-image: url("../images/checkmark.png");
    background-size: cover;
    content: "";
    display: block;
    float: left;
    margin: -0.22em 0.7em;
    padding: 0.8em;
}

.checkMarks > li {
    font-size: 84%;
   margin-bottom: 0.3em;
}

.checkMarks > li span {
    font-size: 0.6em;
    position: relative;
    top: -6px;
}

ol.list {
    margin-bottom: 2em;
    margin-left: 2.5em;
    margin-top: 0;
}

.list li {
    font-family: "Raleway",sans-serif;
    font-size: 0.85em;
    font-weight: bold;
    margin-bottom: 0.2em;
    text-transform: uppercase;
}

.content p {
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.875em;
    letter-spacing: 0.025em;
    line-height: 1.5em;
    margin: 0.25em 2.3em 1.25em;
}

header {
    background-color: rgba(32, 32, 32, 0);
    color: rgba(32, 32, 32, 1);
    height: 0.2em;
    left: 0;
    letter-spacing: 0.063rem;
    padding: 0.65rem 0rem;
    position: fixed;
    text-align: justify;
    top: 0;
    width: 100%;
	z-index:1000;

 	-webkit-transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;
	-o-transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;
    transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;

}



header.c1, header.c1 nav a, header h1 a {  color: #FD2929;}

header > div, header nav {
    display: block;
    margin: auto;
    text-align: center;
	-webkit-transition: all 0.9s ease-in-out 0s;
	-moz-transition: all 0.9s ease-in-out 0s;
	-ms-transition: all 0.9s ease-in-out 0s;
	-o-transition: all 0.9s ease-in-out 0s;
	transition: all 0.9s ease-in-out 0s;
}

header nav { height:auto;}




header h1 {
    font-family: 'Marcellus SC',serif;
    font-size: 1em;
    text-transform: uppercase;
	text-shadow: 0.04em 0.04em 0 rgba(255, 255, 255, 0.3);

   -webkit-transition: all 0.9s ease-in-out 0s;
   -moz-transition: all 0.9s ease-in-out 0s;
   -ms-transition: all 0.9s ease-in-out 0s;
   -o-transition: all 0.9s ease-in-out 0s;
   transition: all 0.9s ease-in-out 0s;
}

header h1 a {
       text-decoration: none;  text-shadow: 0.03em 0.04em 0 rgba(0, 0, 0, 0.6);}
.site-header nav {
    padding-top: 0.5em;
}




header.site-header {
    background: none repeat scroll 0 0 rgba(32, 32, 32, 0.8);
    color: #ffffff;
   height: 0.8em;
    padding-bottom: 3.313em;
    padding-top: 0.875em;
	z-index:9999;

	-webkit-transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;
	-o-transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;
    transition: background-color 0.3s ease-in-out 0s, height 0.45s ease-in-out 0s, color 0.09s ease-in-out 0s, padding 0.2s ease-in-out 0s;

}
header.site-header h1 {
    font-size: 1.500em;
	text-shadow:none;
}


header nav a {font-size: 0.775em; text-transform:uppercase; font-family: 'Oswald', sans-serif;
    padding: 0 0.2em; color: rgba(32, 32, 32, 1); text-decoration:none;

	-webkit-transition: all 0.20s ease-in-out 0s;
	-moz-transition: all 0.20s ease-in-out 0s;
	-ms-transition: all 0.20s ease-in-out 0s;
	-o-transition: all 0.20s ease-in-out 0s;
	transition: all 0.20s ease-in-out 0s;
}

header.site-header nav a {color: rgba(255, 255, 255, 1)}


header em {
    font-size: 107%;
}

.t1 {
    font-size: 90%;
}




 .instructors {
	 background:url(../images/k1-Banner.jpg);
	 background-size: cover !important;
	 background-position:top center !important;
	 background-repeat:no-repeat;
	 width: 100%;
	 min-height: 63px;
	 border-top: 5em solid #000000;

	 -webkit-transition: height 0.66s ease-in-out 0.06s;
	-moz-transition: height 0.66s ease-in-out 0.06s;
	-ms-transition: height 0.66s ease-in-out 0.06s;
	-o-transition: height 0.66s ease-in-out 0.06s;
	transition: height 0.66s ease-in-out 0.06s;
	 }


.bg {
	width: 100%;
	 height: 19.6em;
	background-size: cover, contain, cover !important;
	background-position: bottom, bottom, center !important;

	-webkit-transition: height 0.66s ease-in-out 0.06s;
	-moz-transition: height 0.66s ease-in-out 0.06s;
	-ms-transition: height 0.66s ease-in-out 0.06s;
	-o-transition: height 0.66s ease-in-out 0.06s;
	transition: height 0.66s ease-in-out 0.06s;
}

.bg.home {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate1.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate1.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate1.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate1.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate1.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate1.jpg);


	}

.bg.aikido {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/aikido-3.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))), url(../images/bannerdark.png) repeat-x ,
				url(../images/aikido-3.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/aikido-3.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/aikido-3.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/aikido-3.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/aikido-3.jpg)
	}
.bg.swords {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/swordsmanship-2.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))), url(../images/bannerdark.png) repeat-x ,
				url(../images/swordsmanship-2.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/swordsmanship-2.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/swordsmanship-2.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/swordsmanship-2.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/swordsmanship-2.jpg)
	}

.bg.kobudo {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kobudo-1.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))), url(../images/bannerdark.png) repeat-x ,
				url(../images/kobudo-1.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kobudo-1.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kobudo-1.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kobudo-1.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kobudo-1.jpg)
	}

.bg.karate {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate3.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate3.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate3.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate3.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate3.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/karate3.jpg)
	}

.bg.kids {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kid-karate.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))), url(../images/bannerdark.png) repeat-x ,
				url(../images/kid-karate.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kid-karate.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kid-karate.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kid-karate.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/kid-karate.jpg)
	}


.bg.contact {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/thankyou.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))), url(../images/bannerdark.png) repeat-x ,
				url(../images/thankyou.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/thankyou.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/thankyou.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/thankyou.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%), url(../images/bannerdark.png) repeat-x ,
				url(../images/thankyou.jpg)
	}

.bg > h1 {
    color: white;
    font-family: 'Poiret One';
    font-size: 2em;
    line-height: 1.2em;
    padding: 2.5em 10% 2%;
	text-transform:uppercase;
    text-align: center;
    text-shadow: 0.01em 0.03em 0.03em #000;

	-webkit-transition: all 0.66s ease-in-out 0.06s;
	-moz-transition: all 0.66s ease-in-out 0.06s;
	-ms-transition: all 0.66s ease-in-out 0.06s;
	-o-transition: all 0.66s ease-in-out 0.06s;
	transition: all 0.66s ease-in-out 0.06s;

}

.bg p:nth-child(2) {
    margin: auto;
    width: 70%;
}

.bg > p {
    color: red;
    font-family: "Hind",sans-serif;
    font-size: 1.125em;
    text-align: center;
    text-shadow: 0.01em 0.03em 0.03em #000;
    line-height: 1em;

	-webkit-transition: all 0.66s ease-in-out 0.06s;
	-moz-transition: all 0.66s ease-in-out 0.06s;
	-ms-transition: all 0.66s ease-in-out 0.06s;
	-o-transition: all 0.66s ease-in-out 0.06s;
	transition: all 0.66s ease-in-out 0.06s;

}

.home.shift {background-position: center, center bottom,  50% center !important;}
.aikido.shift {background-position: center, center bottom,  83% center !important;}
.kobudo.shift {background-position: center, center bottom,  62% center !important;}
.swords.shift {background-position: center, center bottom,  50% center !important;}
.karate.shift { background-position: center, center bottom, 20% center !important;}


#seals { margin-top: 24px;}



footer { background-color:rgba(255,255, 255, 1); width:100%; position:relative; clear:both; text-align:center;}


footer p, .side p {
    color: #000;
    font-family: 'Marcellus SC', sans-serif;
    font-size: 0.7em;
	margin:0;
	padding:0;
    text-align: left;
}

.side p {
    font-family: "Hind";
    font-size: 1.04em;
    text-align: center;
}

.side .syll {
    font-family: oswald;
    font-size: 12px;
    letter-spacing: 0.3em;
    padding-top: 32px;
    text-transform: uppercase;
}

.syll a { text-decoration:none; color:#000000}
.syll a:hover { color:#fd2929;}

.syllBox {
    background-color: #e5dede;
    font-family: oswald;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 28px;
    padding: 12px;
    width: 80%;
}

footer p  {
    font-family: "Hind",sans-serif;
}

.side .address div:nth-child(n+2) {
    font-family: "Hind";
    padding: 0;
}

footer a { text-decoration:none; color:#000000;}
footer > ul {
    margin: 0 auto;
    padding: 0 0 0.250em;
    text-align: center;
	width: 90%;

}
footer > ul > li {
    color: #000000;
    float: none;
    margin: 0;
    min-height: 6.25em;
    padding: 0 0 1em;
}
footer > ul > li {width:100%}

footer > ul > li > p:nth-child(1) {
    padding-top: 2.125em;
}

footer > ul > li:nth-child(2) > p {padding: 1.125em 1.938em 0.625em;}
footer > ul > li:nth-child(2) {
    border-top: 0.063em dotted black;
}


.bottomNav li {
    display: inline-block;
    font-family: Hind;
    font-size: 0.8em;
}

.bottomNav li:nth-child(n+2) {


}

.bottomNav li:nth-child(n+2)::before {
    content: "\007C";
    float: left;
    font-size: 0.9em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0em;
}

.bottomNav li a { text-decoration:none; color:#000000;


}

.address a {
    color: black;
    text-decoration: none;
}

.side .address, .address {margin:0; padding:0;}


.address div {
    display: block;
    font-family: "Hind";
    font-size: 0.7em;
    text-transform: uppercase;
}
.address div:nth-of-type(1) {
    font-family:"Marcellus SC";
    font-size: 1.3em;
}

.side .address div:nth-of-type(1) {
    font-family: "Marcellus SC";
    font-size: 1.3em;
}
.address div:nth-last-child(1) {
    font-size: 1.5em;
    letter-spacing: 0.05em;
	font-weight:bold;

}
.side .address div:nth-last-child(1) {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.socialMedia {
    margin-top:1.138em;
}



.socialMedia p {
    font-size: 1.04em;
    padding-bottom: 1.063em;
    text-align: center;
}


.socialMedia a {
    background: transparent none repeat scroll 0 0;
    height: 100%;
    left: 0.3em;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0.1em;
}
.socialMedia b {
    display: block;
    float: left;
    text-indent: -9999px;
}

.fb::after, .tw::after, .yt::after  { background-size: cover;    content: ""; display: inline-block;  height: 1.688em;margin-bottom: -0.395em; background-image: url("../images/socialmedia.png");}

.fb::after {
    width:1.625em;
}

.tw::after {
    background-position: -1.875em 0;
    width: 1.813em;
}
.yt::after {
    background-position: 1.8em 0;
    width: 1.8em;
}


.bgScreen {
	position:relative;
    width: 100%;
    background-size: cover;
	overflow:hidden;
}

.bgScreen.move {
	-webkit-transition: all 0.9s ease-in-out 0s;
	-moz-transition: all 0.9s ease-in-out 0s;
	-ms-transition: all 0.9s ease-in-out 0s;
	-o-transition: all 0.9s ease-in-out 0s;
	transition: all 0.9s ease-in-out 0s;



	}


 .bgScreen.home2.shift, .bgScreen.karate2.shift, .bgScreen.sword2.shift, .bgScreen.kids2.shift, .bgScreen.kobudo2.shift, .bgScreen.aikido2.shift {
   background-size:cover, cover !important;
}



.bgScreen.home2 {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.1) 0%, rgba(0,0,0,0.1) 100%),
				url(../images/karate2.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.1)), color-stop(100%,rgba(0,0,0,0.3))),
				url(../images/karate2.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.1) 0%,rgba(0,0,0,0.1) 100%),
				url(../images/karate2.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.1) 0%,rgba(0,0,0,0.1) 100%),
				url(../images/karate2.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.1) 0%,rgba(0,0,0,0.1) 5100%),
				url(../images/karate2.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.1) 0%,rgba(0,0,0,0.1) 100%),
				url(../images/karate2.jpg);

	}

.bgScreen.karate2 {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%),
				url(../images/karate4.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))),
				url(../images/karate4.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/karate4.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/karate4.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%),
				url(../images/karate4.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/karate4.jpg);	}

.bgScreen.aikido2 {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%),
				url(../images/aikido.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))),
				url(../images/aikido.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/aikido.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/aikido.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%),
				url(../images/aikido.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/aikido.jpg);

	}
.bgScreen.sword2 {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%),
				url(../images/swordsmanship-1.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))),
				url(../images/swordsmanship-1.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/swordsmanship-1.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/swordsmanship-1.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%),
				url(../images/swordsmanship-1.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/swordsmanship-1.jpg);


	}
.bgScreen.kids2 {
background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%),
				url(../images/kid-karate2.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))),
				url(../images/kid-karate2.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/kid-karate2.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/kid-karate2.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%),
				url(../images/kid-karate2.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/kid-karate2.jpg);

	}
.bgScreen.kobudo2 {

background: -moz-linear-gradient(top,  rgba(69,72,77,0.2) 0%, rgba(0,0,0,0.2) 100%),
				url(../images/kobudo-2.jpg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.2)), color-stop(100%,rgba(0,0,0,0.2))),
				url(../images/kobudo-2.jpg);
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/kobudo-2.jpg);
background: -o-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/kobudo-2.jpg);
background: -ms-linear-gradient(top,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 5100%),
				url(../images/kobudo-2.jpg);
background: linear-gradient(to bottom,  rgba(69,72,77,0.2) 0%,rgba(0,0,0,0.2) 100%),
				url(../images/kobudo-2.jpg);

}









.bgScreen.home2.shift {background-position: center, 62% center !important;}
.bgScreen.karate2.shift {background-position: center, 50% center !important;}
.bgScreen.aikido2.shift {background-position: center, 18% center !important;}
.bgScreen.sword2.shift {background-position: center, 30% center !important;}
.bgScreen.kids2.shift {background-position: center, 53% center !important;}
.bgScreen.kobudo2.shift {background-position: center, 53% center !important;}

.address, .copyright  {
    text-align: center;
}


#seals::after {
    background-image: url("../images/sprites.jpg");
    background-position: 0.125em 0;
    background-repeat: no-repeat;
    background-size: cover;
    /*border: 0.063em solid;*/
    content: "";
    display: block;
    height: 58px;
    margin: auto;
    max-height: 138px;
    max-width: 752px;
    width: 259px;

	-webkit-transition: all 0.9s ease-in-out 0s;
	-moz-transition: all 0.9s ease-in-out 0s;
	-ms-transition: all 0.9s ease-in-out 0s;
	-o-transition: all 0.9s ease-in-out 0s;
	transition: all 0.9s ease-in-out 0s;
}


.color1 { color:#FFFFFF;}

.b1.picBox::after { background-image:url("../images/karate-k1.jpg"); padding: 9%;}
.b2.picBox::after { background-image:url("../images/karate-k2.jpg"); padding: 11.5% 3.8% !important;}
.b3.picBox::after { background-image: url("../images/aikido-k1.jpg"); padding: 9%;}
.b4.picBox::after { background-image: url("../images/sword-k1.jpg"); padding: 9%;}
.b5.picBox::after { background-image:url("../images/kid-k1.jpg"); padding: 9%;}
.b6.picBox::after { background-image:url("../images/kobudo-k1.jpg"); padding: 9%;}
.b7.picBox::after { background-image:url("../images/contact-k1.jpg"); padding: 9%;}


.picBox::after {
    content: "";
    display: block;
    margin: 0.063em 2em;
	background-size: contain;
	background-repeat:no-repeat;

 }


.content > div { display:block; float:none;}

.content > div:nth-child(2) { min-height: 2em; min-width: 2em}


.picture::after {
    content: "";
    display: block;
    margin: 0.063em auto;
	max-width: 62%;
    padding: 31.5% 0;
	background-size: contain;
	background-repeat: no-repeat;

	-webkit-transition: all 0.9s ease-in-out 0s;
	-moz-transition: all 0.9s ease-in-out 0s;
	-ms-transition: all 0.9s ease-in-out 0s;
	-o-transition: all 0.9s ease-in-out 0s;
	transition: all 0.9s ease-in-out 0s;


  	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}
.pB1.picture::after { background-image:url("../images/karate-group.jpg")}
.pB2.picture::after { background-image:url("../images/shihan-karate.jpg")}
.pB3.picture::after { background-image:url("../images/sensei-krever.jpg")}
.pB4.picture::after { background-image:url("../images/shihan-sword.jpg")}
.pB5.picture::after { background-image:url("../images/shihan-kobudo.jpg")}
.pB6.picture::after { background-image:url("../images/shihan-kids.jpg")}



.map, .address { cursor: pointer;}

.map::after {
    background-image:url("../images/map.jpg") ;
    content: "";
    display: block;
    height: 100%;
    margin: 2.063em auto 1em;
    max-width: 62%;
    padding: 14% 0;
	background-size: contain;
	background-repeat: no-repeat;

	-webkit-transition: all 0.9s ease-in-out 0s;
	-moz-transition: all 0.9s ease-in-out 0s;
	-ms-transition: all 0.9s ease-in-out 0s;
	-o-transition: all 0.9s ease-in-out 0s;
	transition: all 0.9s ease-in-out 0s;

}

.bgScreen.home2 p, .bgScreen.karate2 p, .bgScreen.aikido2 p, .bgScreen.kobudo2 p, .bgScreen.kids2 p { text-align:right}


.bgScreen h3 {
    color: #fff;
    font-size: 1.5em;
    margin-left: -100%;
	margin-bottom:8px;
    padding-top: 4%;
    text-transform: uppercase;
	text-shadow: 0.04em 0.04em 0 rgba(0, 0, 0, 0.4);

	-webkit-transition: all 0.06s ease-in-out 0s;
	-moz-transition: all 0.06s ease-in-out 0s;
	-ms-transition: all 0.06s ease-in-out 0s;
	-o-transition: all 0.06s ease-in-out 0s;
	transition: all 0.06s ease-in-out 0s;

}

.karate2.bgScreen h3 {
    font-size: 1.1em;
}


.bgScreen h3.slide {
	 margin-left: 8%;

	-webkit-transition: all 0.98s ease-in-out 0.2s;
	-moz-transition: all 0.98s ease-in-out 0.2s;
	-ms-transition: all 0.98s ease-in-out 0.2s;
	-o-transition: all 0.98s ease-in-out 0.2s;
	transition: all 0.98s ease-in-out 0.2s;

	}




.bgScreen p {
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 0.85em;
    letter-spacing: 0.08em;
    width: 75%;
	margin-left: 100%;
	text-shadow: 0.04em 0.04em 0.12em rgba(0, 0, 0, 1);
	padding-bottom:5%;

	-webkit-transition: all 0.06s ease-in-out 0s;
	-moz-transition: all 0.06s ease-in-out 0s;
	-ms-transition: all 0.06s ease-in-out 0s;
	-o-transition: all 0.06s ease-in-out 0s;
	transition: all 0.06s ease-in-out 0s;
}


.bgScreen p.slide {
	 margin-left: 5%;

	-webkit-transition: all 0.98s ease-in-out 0.2s;
	-moz-transition: all 0.98s ease-in-out 0.2s;
	-ms-transition: all 0.98s ease-in-out 0.2s;
	-o-transition: all 0.98s ease-in-out 0.2s;
	transition: all 0.98s ease-in-out 0.2s;

	}


.bold { font-weight:bold;}

 .budo { position:relative;}

 .budo::after {
    content: "\00af";
    position: absolute;
	right: 5.5%;
    top: -16%;
}


.shori {
    font-family: Marcellus SC;
    font-size: 1.7em;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
	position:relative;

	-webkit-transition: all 0.06s ease-in-out 0s;
	-moz-transition: all 0.06s ease-in-out 0s;
	-ms-transition: all 0.06s ease-in-out 0s;
	-o-transition: all 0.06s ease-in-out 0s;
	transition: all 0.06s ease-in-out 0s;

}

.shori::after {
    background-image: url("../images/shori-kanji.png");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -114%;
    content: "";
    height: 4em;
    opacity: 0.4;
    position: absolute;
    width: 16%;

	-webkit-transition: all 0.06s ease-in-out 0s;
	-moz-transition: all 0.06s ease-in-out 0s;
	-ms-transition: all 0.06s ease-in-out 0s;
	-o-transition: all 0.06s ease-in-out 0s;
	transition: all 0.06s ease-in-out 0s;

}

.schedules {
    background-image: url("../images/calendar.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    font-family: "Marcellus SC";
    height: 4em;
    margin: 1.2em auto 0;
    padding: 10%;
    position: relative;
    width: 3em;
}
.schedules div:nth-child(1), .schedules div:nth-child(2) { position:absolute;font-weight: bold;

	-webkit-transition: all 0.06s ease-in-out 0s;
	-moz-transition: all 0.06s ease-in-out 0s;
	-ms-transition: all 0.06s ease-in-out 0s;
	-o-transition: all 0.06s ease-in-out 0s;
	transition: all 0.06s ease-in-out 0s;
}

.schedules div:nth-child(1) {
	color: white;
    left: 27%;
    top: 22%;
}


.schedules div:nth-child(2) {
    bottom: 0;
    font-size: 3em;
    left: 0;
    margin: auto;
    right: 0;
    text-align: center;
    top: 36%;
}


.schedules > p {
    bottom: 0.9em;
    font-size: 0.7em;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}



.bottomNav .cbutton {
    padding: 0em;
}


.c1 nav a:nth-child(1) {
    display: none;
}


.relBox { position:relative;}



.bottomNav {

    padding-bottom: 6%;
    padding-top: 1%;
    text-align: center;
}



ul.lineage li {
    font-family: "Oswald",helvetica,arial;
    font-size: 1.6em;
}

h4 {
    font-family: oswald;
    font-size: 1.3em;
}


h5 {
    color: #af1c29;
    font-family: oswald;
    font-size: 1.3em;
    padding: 0 0 0 30px;
}

.aLink {
    color: #af1c29;
    font-family: oswald;
    font-size: 0.8em;
    padding: 0 0 0 30px;
	display:block;
	margin-bottom:20px;
}


.scheduleDate {
    text-align: center;
	margin-top:20px;
}

.scheduleDate li {
    display: inline;
    font-family: "Oswald",helvetica,arial;
    font-size: 12px;
    text-align: center;

	-webkit-transition: all 0.6s ease-in-out 0.2s;
	-moz-transition: all 0.6s ease-in-out 0.2s;
	-ms-transition: all 0.6s ease-in-out 0.2s;
	-o-transition: all 0.6s ease-in-out 0.2s;
	transition: all 0.6s ease-in-out 0.2s;
}

.scheduleDate > li:nth-child(n+2)::before {
    content: "\2022";
    padding-right: 4px;
}

.scheduleDate::before {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    content: attr(data-id) " class";
    display: block;
    font-family: "Oswald",helvetica,arial;
    margin: auto;
    text-transform: uppercase;

	-webkit-transition: all 0.6s ease-in-out 0.2s;
	-moz-transition: all 0.6s ease-in-out 0.2s;
	-ms-transition: all 0.6s ease-in-out 0.2s;
	-o-transition: all 0.6s ease-in-out 0.2s;
	transition: all 0.6s ease-in-out 0.2s;

}
.scheduleDate[data-id="karate"]::before {
    width: 226px;
}
.scheduleDate[data-id="aikido"]::before {
    width: 146px;
}
.scheduleDate[data-id="kobudo"]::before {
    width: 111px;
}

.scheduleDate[data-id="sword"]::before {
    width: 166px;
}

.scheduleDate[data-id^="kid"]::before {
    width: 160px;
}

.scheduleDate[data-id^="open floor"]::before {
    width: 160px;
}


.index .scheduleDate[data-id="karate"]::before,
.index .scheduleDate[data-id="aikido"]::before,
.index .scheduleDate[data-id="kobudo"]::before,
.index .scheduleDate[data-id="sword"]::before,
.index .scheduleDate[data-id="open floor"]::before,
.index .scheduleDate[data-id^="kid"]::before {width: 226px;}



.floatPic {
    display: block;
    float: left;
    height: auto;
    padding-left: 30px;
    padding-right: 18px;
    padding-top: 10px;
    width: 93px;
}


.floatLeft, .floatRight {	-webkit-transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s ease-in-out 0s;
	-ms-transition: all 0.7s ease-in-out 0s;
	-o-transition: all 0.7s ease-in-out 0s;
	transition: all 0.7s ease-in-out 0s;
}
.floatLeft {
    float: left;
    height: auto;
    padding-left: 5px;
    padding-right: 17px;
    padding-top: 10px;
    width: 111px;
}
.floatRight {
    float: right;
    height: auto;
    padding-left: 17px;
	padding-top: 10px;
	padding-right: 5px;
    width: 111px;
}


/* start @media */


/*360px*/
@media only screen and (min-width: 22.500em) {

.instructors {
    height: 69px;
}

.schedules div:nth-child(2) {
    font-size: 3.5em;

}

.floatLeft {
    padding-top: 10px;
}

.mrid > ul.historyBox li:nth-of-type(2n+1) {
    width: 79px;
}


.mrid > ul.historyBox li:nth-of-type(2n) {
    padding: 0 3px;
    width: 140px;
}


.mrid > ul.kobudoBox li:nth-of-type(2n+1) {
    width: 111px;
}


.mrid > ul.kobudoBox li:nth-of-type(2n) {
    padding: 0 3px;
    width: 70px;
}




.mrid > ul.masterBox li { width:72px}

}





/*400px*/
@media only screen and (min-width: 25em) {



.instructors {
    height: 75px;
}
header nav a {padding: 0 0.6em; }

}

/*460px*/
@media only screen and (min-width: 28.750em) {


.instructors {
    height: 87px;
}

.karate2.bgScreen h3 {
    font-size: 1.5em;
}


.mrid > ul.historyBox li:nth-of-type(2n+1) {
    width: 102px;
}

.mrid > ul.historyBox li:nth-of-type(2n) {
    width: 180px;
}
.mrid > ul.masterBox li {
    width: 94px;
}

.mrid > ul.kobudoBox li:nth-of-type(2n+1) {
    width: 141px;
}

.mrid > ul.kobudoBox li:nth-of-type(2n) {
    width: 90px;
}


}





/*480px*/
@media only screen and (min-width: 30.000em) {

.instructors {
    height: 91px;
}

.mrid h3 {
    font-size: 21px;
}

.bottomNav {
    margin-left: 9%;
    padding-bottom: 6%;
    padding-top: 1%;
    text-align: left;
}

.bottomNav li {font-size: 0.5em;}

.address div:nth-of-type(1) {
    font-size: 1.02em;
    margin-top: 0.7em;
}
.socialMedia, .address {margin-left: 9%;}

.side .socialMedia {
    margin-left: 0;
}

.address div:nth-last-child(1) {
    font-size: 1.1em;
    margin-top: 0.5em;
}

.c1 nav a:nth-child(1) {
    display: inline;
}


.bgScreen h3.slide {
    margin-left: 15%;

}

.bgScreen p {
     font-size: 1.05em;
	   padding-bottom: 8%;
}
.bgScreen p.slide {
    margin-left: 13%;

}

.checkMarks {margin: 2em auto 2em 2.5em;}

#seals::after {
    height: 57px;
    width: 255px;
}

.socialMedia p {
    font-size: 0.688em;

}
.copyright {
    font-size: 0.500em;
}


.address, .copyright, .socialMedia p   {
    text-align: left;
}


.side .address > div {
    text-align: center;
}

.side .socialMedia > p {
    text-align: center;
}

footer > ul > li:nth-child(2) {
    border-top: none;
}
footer > ul > li:nth-child(1) > p {
    padding-left: 9%;
}
footer > ul > li:nth-child(2) > p {
    padding: 1.125em 0.875em 0.625em 2.500em;
}


footer > ul > li {
    float: left;
}


footer > ul > li:nth-child(1) {
    width: 40%;
}
footer > ul > li:nth-child(2) {width:60%}

.home.shift {background-position: center, center 106%,  50% center !important; }
.aikido.shift {background-position: center, center 106%,  73% center !important;}
.kobudo.shift {background-position: center, center 106%,  52% center !important;}
.swords.shift {background-position: center, center 106%,  54% center !important;}
.karate.shift {background-position: center, center 106%,  50% center !important;}

.bg {    height: 22.6em;}



.checkMarks > li {
    font-size: 100%;
}


.schedules div:nth-child(2) {
    font-size: 4.5em;
}


}


/*560px*/
@media only screen and (min-width:35em) {

.instructors {
    height: 107px;
}

.scheduleDate li {
    font-size: 14px;
}

.scheduleDate[data-id="karate"]::before {
    width: 260px;
}

.scheduleDate[data-id="aikido"]::before {
    width: 167px;
}

.scheduleDate[data-id="kobudo"]::before {
    width: 127px;
}
.scheduleDate[data-id="sword"]::before {
    width: 190px;
}

.scheduleDate[data-id^="kid"]::before {
    width: 183px;
}

.scheduleDate[data-id="open floor"]::before {
    width: 133px;
}


.index .scheduleDate[data-id="karate"]::before,
.index .scheduleDate[data-id="aikido"]::before,
.index .scheduleDate[data-id="kobudo"]::before,
.index .scheduleDate[data-id="sword"]::before,
.index .scheduleDate[data-id^="kid"]::before,
.index .scheduleDate[data-id="open floor"]::before {
  width: 260px
}




 .bottomNav li {font-size: 0.52em;}

.socialMedia p {
    font-size: 0.9em;

}
.side .address div { font-size: 0.8em;}

#seals::after {
    height: 68px;
    width: 299px;
}

.copyright {
    font-size: 0.58em;
}

footer > ul > li:nth-child(1) { width:38%}
footer > ul > li:nth-child(2) {width:61%}





.content > p {
    margin: 0.25em 4em 1.25em;
}

.floatLeft, .floatRight {    padding-top: 13px;
    width: 183px;}



.mrid > ul.historyBox li:nth-of-type(2n+1) {
    width: 124px;
}

.mrid > ul.historyBox li:nth-of-type(2n) {
    width: 218px;
}


.mrid > ul.masterBox li {
    width: 116px;
}

.mrid > ul.kobudoBox li:nth-of-type(2n+1) {
    width: 175px;
}

.mrid > ul.kobudoBox li:nth-of-type(2n) {
    width: 113px;
}
}



/*620px*/
@media only screen and (min-width: 38.750em) {

.instructors {
    height: 117px;
}

.mrid > ul.masterBox li {
    width: 131px;
}

.scheduleDate li {
    font-size: 10px;
}

.scheduleDate[data-id="karate"]::before {
    width: 195px;
}


.scheduleDate[data-id="aikido"]::before {
    width: 124px;
}

.scheduleDate[data-id="kobudo"]::before {
    width: 103px;
}

.scheduleDate[data-id="sword"]::before {
    width: 142px;
}

.scheduleDate[data-id^="kid"]::before {
    width: 138px;
}

.scheduleDate[data-id="open floor"]::before {
    width: 138px;
}


.index .scheduleDate[data-id="karate"]::before,
.index .scheduleDate[data-id="aikido"]::before,
.index .scheduleDate[data-id="kobudo"]::before,
.index .scheduleDate[data-id="sword"]::before,
.index .scheduleDate[data-id^="kid"]::before,
.index .scheduleDate[data-id="open floor"]::before {
    width: 195px;
}


.bottomNav li {font-size: 0.6em;}
.bottomNav li:nth-child(n+2)::before {padding-top: 0.1em;}

.bgScreen h3 {
    font-size: 2.5em;
    padding-top: 7%;
}

.karate2.bgScreen h3 {
    font-size: 2em;
}

.bgScreen p {
    width: 73%;
	padding-bottom: 10%;
}

 .bgScreen.home2.shift, .bgScreen.karate2.shift,   .bgScreen.sword2.shift, .bgScreen.kids2.shift, .bgScreen.kobudo2.shift {
    background-position: center, 50% center !important;
}

.bgScreen.aikido2.shift {

    background-position: center, 50% 5% !important;

}

.map::after {
    margin: 3.063em auto 1em;
    padding: 20% 13%;

	-webkit-transition: all 0.9s ease-in-out 0s;
	-moz-transition: all 0.9s ease-in-out 0s;
	-ms-transition: all 0.9s ease-in-out 0s;
	-o-transition: all 0.9s ease-in-out 0s;
	transition: all 0.9s ease-in-out 0s;

}



.picture::after {

    padding: 41.7% 10.2%;

	-webkit-transition: all 0.9s ease-in-out 0s;
	-moz-transition: all 0.9s ease-in-out 0s;
	-ms-transition: all 0.9s ease-in-out 0s;
	-o-transition: all 0.9s ease-in-out 0s;
	transition: all 0.9s ease-in-out 0s;
}
.content > div { float:left;}
.content > div:nth-child(1) { width: 60%}
.content > div:nth-child(2) {
    padding: 2em 1em;
    width: 34%;
}

.side .address div {
    width: 100%;}


.address div:nth-of-type(1) {
    font-size: 1.3em;
    margin-bottom: 0.1em;
}

footer > ul > li:nth-child(1) { width:41%}
footer > ul > li:nth-child(2) {width:59%}


#seals::after {
    height: 72px;
    width: 319px;
}


.bg {
    height: 23.2em;
}


.content > p {
    margin: 0.25em 5.5em 1.25em
}


.schedules div:nth-child(2) {
    font-size: 2.7em;
}

.schedules div:nth-child(1) {
    top: 21%;
}

.floatImg {float:right; margin-left:20px; margin-bottom:15px;}


}

/*640px*/
@media only screen and (min-width:40em){

.instructors {
    height: 122px;
}

.mrid > ul.kobudoBox li:nth-of-type(2n+1) {
    width: 202px;
}

.mrid > ul.kobudoBox li:nth-of-type(2n) {
    width: 128px;
}

/*.scheduleDate[data-id="aikido"]::before {
    width: 126px;
}
*/
.bottomNav li {font-size: 0.64em;}


.address div {
    font-size: 0.9em;
    line-height: 1.05em;
}



.bgScreen p {
    width: 60%;
}

.bgScreen p.slide {
    margin-left: 14%;
}
}

/*700px*/
@media only screen and (min-width:44.7em){


.instructors {
    height: 134px;
}

.bottomNav li {font-size: 0.7em;}


header > div,
header nav,
header > div h1 {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
	margin:0;

	-webkit-transition: all 0.6s ease-in-out 0s;
	-moz-transition: all 0.6s ease-in-out 0s;
	-ms-transition: all 0.6s ease-in-out 0s;
	-o-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
}


header div h1 {
    font-size: 1.4em;
    height: 100%;
	margin-top:0;

}

header > div::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;

	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}


header::after {
    content: '';
    display: inline-block;
    width: 100%;

	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}


header > div {
    height: 100%;
    text-align: center;
    width: 43%;

	-webkit-transition: all 0.6s ease-in-out 0s;
	-moz-transition: all 0.6s ease-in-out 0s;
	-ms-transition: all 0.6s ease-in-out 0s;
	-o-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
}

header nav {
    margin: 0em;
    padding: 0em;
    text-align: left;

	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

header.site-header h1 {
    font-size: 1.4em;
    margin-top: 1.3em;
    -webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}



	}


/*768px*/
@media only screen and (min-width:48.000em){

.instructors {
    height: 147px;
}

.mrid > ul.kobudoBox li:nth-of-type(2n) {
    width: 157px;
}

.mrid > ul.kobudoBox li:nth-of-type(2n+1) {
	margin-top:20px;
    width: 248px;
}


.floatLeft, .floatRight {
    width: 220px;
}

.scheduleDate li {
    font-size: 13px;
}
.scheduleDate[data-id="karate"]::before {
    width: 243px;
}

.scheduleDate[data-id="aikido"]::before {
    width: 156px;
}

.scheduleDate[data-id="kobudo"]::before {
    width: 119px;
}
.scheduleDate[data-id="sword"]::before {
    width: 177px;
}

.scheduleDate[data-id^="kid"]::before {
    width: 173px;
}

.scheduleDate[data-id="open floor"]::before {
    width: 173px;
}



.index .scheduleDate[data-id="karate"]::before,
.index .scheduleDate[data-id="aikido"]::before,
.index .scheduleDate[data-id="kobudo"]::before,
.index .scheduleDate[data-id="sword"]::before,
.index .scheduleDate[data-id^="kid"]::before,
.index .scheduleDate[data-id="open floor"]::before {
    width: 243px;
}

.bottomNav li {
    font-size: 0.85em;
}


.side .socialMedia p {
    font-size: 0.8em;
  }

.map::after {
    margin: 3.063em auto 1.063em;
    padding: 20% 13%;

	-webkit-transition: all 0.9s ease-in-out 0s;
	-moz-transition: all 0.9s ease-in-out 0s;
	-ms-transition: all 0.9s ease-in-out 0s;
	-o-transition: all 0.9s ease-in-out 0s;
	transition: all 0.9s ease-in-out 0s;

}



.socialMedia p {
    font-size: 1.2em;

}
.side .socialMedia p {
    font-size: 1em;
    margin: auto;
}

#seals::after {
    height: 83px;
    width: 364px;
}
.address div:nth-of-type(1) {
    font-size: 1.7em;
}

.address div:nth-last-child(1) {
    font-size: 1.6em;
 }

footer > ul > li:nth-child(1) { width:45%}
footer > ul > li:nth-child(2) {width:53%}


.copyright {
    font-size: 0.7em;
}

.shori {
    font-size: 2.7em;

}

.bg > h1 {
    font-size: 4em;
    line-height: 1.02em;
    padding: 3.3em 10% 2%;

}

.bg > p {
   font-size: 1.7em;

}


.bg {
    height: 33.5em;
}

#wrapper h2 {
    font-size: 1.8em;
    padding: 0.5em 0 0 1em;
}


.mrid > ul.sensei li:nth-of-type(2n) {
    margin-left: 17px;
}

.mrid > ul.sensei li {
    display: block;
    float: left;
    height: 387px;
    width: 48%;
}

.floatPic {
    width: 150px;
}


}

/*800px*/
@media only screen and (min-width:50.000em){

.instructors {
    height: 154px;
}

.bottomNav li {
    font-size: 0.88em;
}

.bg {
    height: 43.5em;
}


#seals::after {
    height: 97px;
    width: 424px;
}

.mrid > ul.sensei li {
    height: 381px;

}

	}

/*900px*/
@media only screen and (min-width:56.250em){


.instructors {
    height: 172px;
}

.bottomNav li {
    font-size: 1em;
}


#seals::after {
    height: 100px;
    width: 446px;
}


footer p {font-size:0.9em;}

.mrid > ul.sensei li {
    height: 323px;

}


	}


/*1000px*/
@media only screen and (min-width:62.500em){

.instructors {
    height: 192px;
}

.floatLeft, .floatRight {
    width: 250px;
}

.bottomNav .cbutton {
    padding: 0em;
}


.bg {
    background-position: center bottom, center 108%, center center !important;
}

.schedules div:nth-child(2) {
    font-size: 3.2em;
}
.checkMarks > li {
    font-size: 122%;
}

.map::after {
    margin: 3.063em auto 1.063em 1.5em;

	-webkit-transition: all 0.9s ease-in-out 0s;
	-moz-transition: all 0.9s ease-in-out 0s;
	-ms-transition: all 0.9s ease-in-out 0s;
	-o-transition: all 0.9s ease-in-out 0s;
	transition: all 0.9s ease-in-out 0s;

}


#seals::after {
    height: 132px;
    width: 578px;
}

.address div:nth-of-type(1) {
    font-size: 2.2em;
}
footer > ul > li:nth-child(1) { width:38%}
footer > ul > li:nth-child(2) {width:62%}

.side .socialMedia p {
    margin: auto;
}


.bg > p {
   font-size: 2.3em;
}




.bg {
    height: 46.2em;
}



.content > p {
    margin:0.25em 7em 1.25em ;
}




header > div {width: 54%;}


.mrid > ul.sensei li {
    height: 302px;
}

}


/*1280px*/
@media only screen and (min-width:80em){

.instructors {
    height: 248px;
}

 .bottomNav .cbutton {
    padding: 0 0.6em;
}

 .bg {
    background-position: center bottom, center 111%, center center !important;
}

 ol.list {
    font-size: 1.3em;
    margin-left: 5.5em;

}

.schedules div:nth-child(1) {
    font-size: 1.2em;
    top: 23%;
}

.schedules div:nth-child(2) {
    font-size: 4.2em;
}
.bgScreen h3 {
    font-size: 6em;
    padding-top: 5%;
}

.bgScreen h3.slide {
    margin-left: 14%;
}

.bgScreen p {
    font-size: 1.6em;
}
.bgScreen p.slide {
    margin-left: 19%;
}


#wrapper h2 {
    font-size: 1.8em;
    padding: 1.25em 0 0 1.5em;
}


.side .socialMedia p {
    font-size: 1.45em;
}

 .side .address div:nth-last-child(1) {
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.side .address div {
    font-size: 1em;
}

.side .address div:nth-of-type(1) {
    font-size: 1.8em;
}
.checkMarks > li {
    font-size: 160%;
}

#seals::after {
    height: 271px;
    width: 613px;
}

header div h1 {
    font-size: 1.8em;
}
header.site-header h1 {
    font-size: 1.8em;
    margin-top: 1.15em;
}
header.site-header {
    height: 1.4em;
}

.mrid p {
    font-size: 0.9em;
}
.content p {
    font-size: 1.2em;
}

 .schedules > p {
    font-size: 0.7em;
}

header nav a {
    font-size: 1em;
}
footer p {
    font-size: 1em;
}


.mrid > ul.sensei li {
    height: 342px;
    width: 31%;
	margin-left:17px;
}


.floatPic {
    padding-left: 46px;
}
h5 {
    font-size: 1.5em;
    padding-left: 44px;
}
}


/*1920px*/
@media only screen and (min-width:120em){

.instructors {
    height: 372px;
}

.floatPic {
    padding-left: 67px;
    padding-top: 20px;
}
h5 {
    font-size: 2em;
    padding-left: 63px;
}

.bg {
    background-position: center bottom, center 127%, center center !important;
}


.side .address div:nth-last-child(1) {
    font-size: 2.5em;
    margin-top: 0.3em;
}
.side .address div {
    font-size: 1.2em;
}

.side .address div:nth-of-type(1) {
    font-size: 2.5em;
}

.copyright {
	font-size: 1em;
}

.socialMedia p {

	font-size: 1.5em;
}

.side .socialMedia p {
    font-size: 1.6em;
 }

header div h1 {
    font-size: 2.9em;
}
header.site-header h1 {
    font-size: 2.9em;
    margin-top: 1.3em;
}
header.site-header {
    height: 4.05rem;
}
.checkMarks > li {
    font-size: 180%;
}
#wrapper h2 {
    font-size: 2.5em;
}
.content p {
    font-size: 1.75em;
    line-height: 1.45em;
}
.schedules > p {
    font-size: 0.7em;
}
header nav a {
    font-size: 1.35em;
}
footer p {
    font-size: 1.28em;
}

.schedules div:nth-child(2) {
    top: 42%;
}

.schedules div:nth-child(1) {
    font-size: 1.5em;
    top: 24%;
}


.mrid > ul.sensei li {
    height: 250px;
}

}








/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

.bg > h1 {
    font-size: 1.7em;
}
#wrapper h2 {
    font-size: 1em;
    padding-left: 1.9em;
}



}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.bg {
    height: 16em;
}
 .bg > h1 { padding-bottom: 0%;}
 .bgScreen h3 {
    font-size: 1.7em;
    padding-top: 5%;
}

.bgScreen p {
    font-size: 0.8em;
    padding-bottom: 9%;
}


}