.navbar-brand {
  padding-top: 0px;
  background: url("picture/sbfLogo.png") no-repeat left center;
  background-size: contain;
  height: 50px;
  width: 300px;
}

/*
a:link {
  color: #6b8e23;
  text-decoration: none;
}
a:visited {
  color: #808000;
  text-decoration: none;
}
a:hover {
  color: #556b2f;
  text-decoration: none;
}
a:active {
  color: #556b2f;
  text-decoration: none;
}
*/

table.base {
    width: 100%;
    margin:20px 0px 50px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-spacing:0px;
}
table.base tr th,table.base tr td {//「,（カンマ）」で区切って複数のセレクタを指定しています
    font-size: 12px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 7px;
}


@media screen and (min-width: 361px){
.navbar-brand {
  height: 50px;
  width: 300px;
}
}

@media screen and (max-width: 360px){
 .navbar-brand {
   height: 40px;
   width: 240px;
 }
}


@media screen and (min-width: 1200px){
iframe{
  width:358px;
  height:202px;

}
}
@media screen and (max-width: 1199px){
iframe{
  width:291px;
  height:164px;
}
}
@media screen and (max-width: 991px){
iframe{
  width:218px;
  height:122px;
}
}
@media screen and (max-width: 767px){
iframe{
  width:448px;
  height:252px;
}
}
@media screen and (max-width: 497px){
iframe{
  width:254px;
  height:143px;
}
}