*
{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
body
{
font: 400 13px/1.5 Noto Sans,Tahoma,Geneva,sans-serif;
background-color: white;
background-size: cover;
background-repeat: no-repeat;
}
h1
{
font-weight: 700;
}
p
{
font-weight: 200;
}
.page-lead h1
{
padding-left: 0.78125vw;
font-family: "Segoe UI";
color: #4d4d4f;
font-size: 3.5vw;
overflow: hidden;
}
.page-lead p
{
font-family: "Segoe UI";
font-weight: 400;
padding-left: 0.78125vw;
padding-right: 1.5625vw;
display: inline-block;
box-sizing: border-box;
font-size: 3vw;
color: #4d4d4f;
}
.page-lead
{
float: left;
width: 45vw;
margin-top: 1.09375vw;
margin-left: 0.78125vw;
background-color: rgba(240, 240, 240, 0.6);
border-radius: 1.25vw;
box-shadow: 0.390625vw 0.390625vw #00000010;
}
.page-lead-img img
{
float: right;
margin-right: 0.78125vw;
margin-top: 1.09375vw;
overflow: hidden;
width: 49.61vw;
height: 36.76vw;
}
.page-bottom
{
width: 100%;
}
a
{
text-decoration: none;
}
.navbar
{
text-align: center;
overflow: hidden;
background-color: rgba(0, 0, 0, .2);
position: fixed;
width: 100%;
}
.navbar a
{
display: inline-block;
letter-spacing: 0.15625vw;
padding: 1.5625vw;
color: white;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
transition: all ease 0.5s;
font-size: 1vw;
}
.navbar a:hover
{
background-color: #211b4385;
}
.header
{
overflow: hidden;
background: url("Images/japanback.jpg") no-repeat center;
background-size: cover;
height: 39vw;
}
.header h1
{
text-align: center;
font-family: 'Raleway', sans-serif;
padding-top: 15.7vw;
color: #e94e77;
font-size: 2.1vw;

}
.header h3
{
font-weight: normal;
text-align: center;
font-family: 'Raleway', sans-serif; 
color: #d0839a;
font-size: 1.19vw;
}
.page-body
{
margin-left: 0.78125vw;
font-family: "Segoe UI";
color: #4d4d4f;
float: left;
margin-bottom: 0.78125vw;
margin-top: 2.34375vw;
font-size: 2vw;
}
.page-body h1
{
padding-left: 0.78125vw;
padding-right: 0.78125vw;
font-weight: 600;
}
.page-body-video iframe
{
padding-left: 0.78125vw;
padding-right: 0.78125vw;
padding-bottom: 3.125vw;
float: left;
overflow: hidden;
width: 100%;
height: 40.62vw;
}
.page-footer
{
padding-top: 3.90625vw;
padding-left: 1.171875vw;
background-color: #282d32;
display: grid;
grid-template-columns: auto auto auto;
height: 19.53125vw;
width: 100%;
}
.page-footer h1
{
font-size: 1.25vw;
font-weight: bold;
font-family: 'Segoe UI';
color: #f0f9ff;
padding-left: 3.90625vw;
margin-bottom: 0.9375vw;
}
.page-footer-links
{
padding-left: 1.171875vw;
padding-right: 1.171875vw;
margin-bottom: 0px;
}
.page-footer-links ul
{
list-style-type: none;
}
.page-footer-links ul a
{
font-family: 'Segoe UI';
font-size: 1.09375vw;
color: #f0f9ff;
opacity: 0.6;
line-height:  1.75vw;
padding-left: 3.90625vw;
text-decoration: none;
}
.page-footer-links ul a:hover
{
opacity: 1;
}
.page-footer-contact
{
}
.page-footer-contact ul
{
list-style-type: none;
}
.page-footer-contact ul h3,
.page-footer-contact ul a
{
margin-left: 3.90625vw;
font-size: 1.09375vw;
color: #f0f9ff;
opacity: 0.8;
font-family: 'Segoe UI';
font-weight: normal;
line-height: 1.6;
}
.page-footer-media
{
}
.page-footer-media ul
{
list-style-type: none;
color: #f0f9ff;
padding-left: 3.90625vw;
}
.page-footer-media a
{
color: #f0f9ff;
width: 2.8125vw;
height: 2.8125vw;
font-size: 1.5625vw;
line-height: 2.8125vw;
margin-right: 0.78125vw;
border-radius: 50%;
box-shadow: 0 0 0 0.078125vw rgba(255,255,255,0.4);
opacity: 0.75;
display: inline-block;
text-align: center;
}
.page-footer-media a:hover
{
opacity: 1;
}
@media (max-width: 450px)
{
.header
{
background: url("Images/japanback2.jpg") no-repeat center;
background-size: cover;
height: 500px;
}
.navbar a
{
font-size: 86%;
padding: 20px;
} 
.page-lead p
{
font-size: 14px;
padding-left: 10px;
padding-right: 20px;
}
.page-lead h1
{
font-size: 20px;
padding-left: 10px;
}
.page-lead
{
margin-top: 14px;
margin-right: 10px;
margin-left: 10px;
width: revert;
border-radius: 16px;
box-shadow: 5px 5px #00000010;
}
.page-lead-img img
{
padding-top: 15px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin-right: revert;
margin-top: revert;
width: 100vw;
height: 330px;
}
.header h1
{
padding-top: 55%;
color: #e7a43b;
font-size: revert;
}
.header h3
{
color: #FFDDCA;
font-size: 14px;
}
.page-body
{
margin-left: 10px;
margin-bottom: 10px;
margin-top: 5px;
font-size: revert;
box-shadow: 5px 5px #00000010;
background-color: rgba(240, 240, 240, 0.6);
border-radius: 7px;
}
.page-body-video iframe
{
height: 20em;
padding: 0px 10px 40px 10px;
}
.page-body h1
{
padding: 0px 10px 0px 10px;
}
.page-footer
{
display: grid;
height: 400px;
grid-template-columns: auto;
padding-left: 0px;
padding-top: 30px;
}
.page-footer h1
{
font-size: 18px;
padding-left: 20px;
}
.page-footer-links
{
padding: revert;
}
.page-footer-links ul a
{
font-size: 16px;
line-height: 1.6;
padding-left: 20px;
}
.page-footer-contact ul h3,
.page-footer-contact ul a
{
font-size: 16px;
line-height: 1.6;
padding-left: 20px;
margin-left: 0px;
}
.page-footer-media 
{
width: 100%;
text-align: center;
}
.page-footer-media h1
{
display: none;
}
.page-footer-media ul a
{ 
height: 36px;
width: 36px;
box-shadow:  0 0 0 1px;
line-height: 36px;
font-size: 20px;
margin-right: 10px;
}
}
@media (max-width: 400px)
{
.navbar a
{
padding: 20px 13.5px 20px 13.5px;
}
}
@media (max-width: 360px)
{
.navbar a
{
font-size: 80%;
padding: 20px 10px 20px 10px;
}
.header h1
{
padding-top: 60%;
}
}
@media (max-width: 320px)
{
.navbar a
{
font-size: 80%;
}
.header h1
{
font-size: 24px;
padding-top: 70%;
}
}