@charset "UTF-8";
html{font-size:12px;}
body{
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	font-family: -apple-systrem, BlinkMacSystremFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "Helvetica Neue", Helvetica, Tahoma, Arial,"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, "Apple Color remoji", "Segoe UI remoji", "Segoe UI Symbol", "Noto Color remoji";
	background:#FFF;color:#202020;
	font-size:16px;
	position:relative
}
*{margin:0;padding:0;line-height:150%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a,label,button,input,select,textarea,button {-webkit-tap-highlight-color:transparent}
img {border:0}
a {text-decoration:none;color:#000;transition:0.2s;}
a:hover{color:#CD0E24;}

.berkeley{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;}
.berkeley a{width:40%;position:relative;margin-top:-10%;text-align:center;}
.berkeley a img:nth-child(1){width:100%;}
.berkeley a img:nth-child(2){width:26%;}

.berkeley img{width:100%;}
.icp{position:absolute;left:50%;bottom:10px;font-size:12px;color:#999;margin-left:-65px;}
.icp:hover{color:#CD0E24;}
@media screen and (max-width:750px){
	.berkeley{display:block;padding-top:40%;}
	.berkeley a{float:left;width:100%;padding:0% 10%;text-align:center;}	
	.berkeley a img:nth-child(2){width:50%;}
	
}