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

html, body {
font-family:arial, georgia, tahoma, Verdana, Segoe, 'Open Sans',helvetica,roboto ,sans-serif;
font-size:62.5%;
background-color:#4b6584;
line-height:1.5;
font-weight:normal;
height:100%;
}

body {color:#4b6584;
font-size:1.6rem;
margin: 0 auto;
}

img {max-width: 100%;
height: auto;
display:block;
margin:0 0;
}

.logo {display:table;
width:100%;
background:#6797A5;
background-image:url(../images/logo.jpg);
background-position:50% 70%;
background-repeat:no-repeat;
background-size:cover;
padding:1rem;
height:36rem;
}

#box1 {color:#03F; margin:0px auto; width:1000px; height:auto; background: #CCC; padding:20px}
#box1 p {font-size:2em; text-align: center}
#box1 iframe {text-align: center}
@media screen and (max-width: 768px) {
	#box1 {color:#03F; margin:0px auto; width:98%; height:auto; background:pink; padding:1%}
	#box1 p {font-size:0.7em;}
}