@charset "UTF-8";
/* CSS Document */

body{
    margin: 0px;
    padding: 0px;
    font-family: 'josefin Sans',sans-serif;
}

.clear{clear:both;}

/*============================
	NAVBAR
==============================*/
.navbar{
	font-family: 'josefin sans';
	font-size: 1rem;
	z-index: 20;
    border: 0px !important;
    position: fixed !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    width: 100vw;
}

.navbar ul{
    margin-left: 50px;
}
.nav-link{
    min-width: 120px;
}
.nav-link a{
	outline-color: #fff !important;
	outline-width: 0px;
}

.dropdown-menu{
	border: 0px !important;
	background-color:rgb(256,256,256, 0.5) !important;
}

.dropdown-menu a:hover{
	color:rgb(255,153,102) !important;
	background-color:rgb(256,256,256, 0.5) !important;
}

.dropdown-menu.show{
	margin-top: -8px;
	background-color:rgb(256,256,256, 0.3) !important;

}

.nav-item a:hover{
	color:rgb(255,153,102) !important;
	background-color:rgb(256,256,256, 0.7) !important;
}

.drop-item{
    background-color: rgba(165, 36, 36, 0.9) !important;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color:rgb(255,153,102) !important;
}

.nav-item.dropdown.show{
	outline-width: 0px !important;
}
.a#navbarDropdown.nav-link.dropdonw-toggle{
	outline-width: 0px !important;
}
.navbar b{
    color:rgb(255,153,102);
}

/* end of Navbar */

a {
    text-decoration: none;
    color: rgb(126, 126, 126);
}
a:hover {
    color: rgb(36, 36, 36);
    text-decoration: none;
}

.content{
    margin: 0px auto;
    padding: 0px;
}
video{
    width: 100vw;
    height: 100vh;
    padding: 0px;
    margin: 0px;
    z-index: 0s;
}

.s01 {
    width: 100vw;
	height:auto;
}
.s01 img{
    padding-top: 100px;
    width: 100%;

}
.s02 {
    display:block;
    width: 100vw;
    height:auto;
    margin: 0px auto;
	padding-top:100px;

}
.s02 img{
	height: 100vw;
    padding-bottom: 100px;
}
.c01 {
	display: block;
	width: 100wv;
}

.c01 img{
	width: 100vw;
}
.title{
    font-size:3rem;
    padding-left:20px;
}

.ssp{
	padding-top: 45px;
}

.caption{
	font-size:1rem;
}
.me{
    position: relative;
    height: 100vh;
    width: 100vw;
    padding-top: 100px;
    padding-left: 20px;
    color: rgb(46, 46, 46);

}


/*=================================
	MEDIA QUERY
==================================*/
@media (max-width:1025px) {
	.carousel{
		width: 100vw;
	}
	.copyright {
		width: 100vw;

	}

}
@media (max-width:770px){
	.body{
		background-size: 100vw;
	}
}
@media (max-width:500px){
	body{
		background-size: 100vw;
	}
}

/* iphone */
@media (max-width:410px){
	.title{
		font-size: 2rem;
	}
}
/* smallest */
@media (max-width:375px){

}