body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-word { background-color: #ffffffe1 !important;}
.bg { position: relative; background: linear-gradient( to top, #fdfefe 0%, #fff1eb 40%, rgb(145, 203, 255) 100%) }
.custom-image-class {position: absolute; width: 100%; top:0; left:0; height: 100%;}
/*home 页的大图*/
.custom-image-class1{position: absolute; width: 100%; height: 120%; top: 0;transform: translate(-50%, 0);z-index: 999;}
.bg1 { position: relative; background: linear-gradient(to bottom, #82ccf7 0%, #abd4e7 30%, #fdfefe 100%)}
.custom-image-class-team {position: absolute; width: 100%; top:0; left:0; height: 127%; z-index: 999;}
.custom-image-class-attribution {position: absolute; width: 100%; top:0; left:0; height: 129%; z-index: 999;}
/*footer的logo*/
.logo{ width: 50%; align-items: center; margin-top:0;}
.custom-image-class-safety {position: absolute; width: 100%; top:0; left:0; height: 130%;z-index: 999;}
.custom-image-class-medal {position: absolute; width: 100%; top:0; left:0; height: 140%;z-index: 999;}


/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }


/*  header */
/* 导航栏占比页面大小*/
.navbar {
    height: 65px;   /* 设置合适的高度 */
    box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -6px;
    border-radius: 0px 0px 20px 20px;
    }



/* header*/
header.bg {
    height: 70vh;      /* header占视窗高度的百分比，可以根据需要调整 之后可能会插入图片*/
  }

header.bg1 {           /* home页的背景高度*/
    height: 80vh;
}


/* footer */
footer a { color: black; font-style: normal; text-decoration: none; }
footer a:hover { color: black; text-decoration: underline; }
/* footer h4 {
    font-family: 'Font_2';
}
footer p {
    font-family: 'Font_6';
} */

/* font */
/* @font-face {
    font-family: 'Font_1';
    src: url('./font1.TTF');
} */
@font-face {
    font-family: 'Font_2';
    src: url('https://static.igem.wiki/teams/4589/wiki/851.ttf');
  }

/* 用于了Attribution页面和team页面的正文内容 */

@font-face {
    font-family: 'Font_3';
    src: url('https://static.igem.wiki/teams/4589/wiki/fonts/arlrdbd.ttf');
}


/* 用于了Attribution页面h4标题 */

@font-face {
    font-family: 'Font_4';
    src: url('https://static.igem.wiki/teams/4589/wiki/fonts/showg.TTF');
}
/* footer的字体 第一个cute没用，用的第二个*/

@font-face {
    font-family: 'Font_5';
    src: url('https://static.igem.wiki/teams/4589/wiki/cute.ttf');
  }
@font-face {
    font-family: 'Font_6';
    src: url('https://static.igem.wiki/teams/4589/wiki/english.ttf');
}

.row{
    padding: 0;
    width: 100%;
    margin: 0;
}
.col-lg {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0%;
}