/* ==========================================================================
CUSTOM RESPONSIVE CSS
========================================================================== */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.speaker-title {
	    min-height: 40px;
	}
	.language-ja.speaker-title {
		min-height: 52px;
	}
	.table .thead-dark th {
	    white-space: nowrap;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1.5rem;
    	padding-left: 1.5rem;
	}

	/* ==========================================================================
	HEADER
	========================================================================== */
	.event-title-outer {
	    position: relative;
	    font-family: "Swiss721BT-BoldCondensed", "Arial", "san-serif";
	    text-transform: uppercase;
	    width: 300px;
	    height: 300px;
	}

	.event-title-square {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	}

	.event-title-1 {
	    position: absolute;
	    top: 25px;
	    left: 25px;
	}

	.event-title-1 h3 {
	    font-size: 28px;
	}

	.event-title-1.language-ja h3 {
	    font-size: 22px;
	}

	.event-title-1 h4 {
	    font-size: 22px;
	}

	.event-title-2 {
	    position: absolute;
	    top: 130px;
	    right: 20px;
	}

	.event-title-2 h1 {
	    position: absolute;
	    font-size: 60px;
	    letter-spacing: 1.4px;
	}

	.event-title-2 h1:first-child {
	    top: 0px;
	    left: 0px;
	    white-space: nowrap;
	}

	.event-title-2 h1:last-child {
	    top: 60px;
	    left: -117px;
	    white-space: nowrap;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
    	padding-left: 1.5rem;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	/* ==========================================================================
	HEADER
	========================================================================== */
	.event-title-outer {
	    position: relative;
	    font-family: "Swiss721BT-BoldCondensed", "Arial", "san-serif";
	    text-transform: uppercase;
	    width: 350px;
	    height: 350px;
	}

	.event-title-square {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	}

	.event-title-1 {
	    position: absolute;
	    top: 25px;
	    left: 25px;
	}

	.event-title-1 h3 {
	    font-size: 34px;
	}

	.event-title-1.language-ja h3 {
	    font-size: 28px;
	}

	.event-title-1 h4 {
	    font-size: 28px;
	}

	.event-title-2 {
	    position: absolute;
	    top: 154px;
	    right: 25px;
	}

	.event-title-2 h1 {
	    position: absolute;
	    font-size: 72px;
	    letter-spacing: 1.4px;
	}

	.event-title-2 h1:first-child {
	    top: 0px;
	    left: 0px;
	    white-space: nowrap;
	}

	.event-title-2 h1:last-child {
	    top: 68px;
	    left: -140px;
	    white-space: nowrap;
	}

	.section-title.language-ja {
	    font-size: 2.2rem;
	}

}