.grid{
	display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}
.margin-right{
	margin-right: 5px;
}
.margin0{
	margin:0;
	text-indent: 0em;
	color:rgb(75 85 99 / var(--tw-text-opacity, 1));
	
}
.font-bold {
    font-weight: 700;
}
.font-color-bj{
	color:rgb(59 130 246 / var(--tw-text-opacity, 1));
	background-color: rgb(59 130 246 / 0.1);
	padding: 0px 5px
}
.center-center{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.displayflex{
	display:flex;
	align-items: center;
}
.btn-secondary {
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}
.btn-bg{
	width: 25px;
    height: 25px;
    padding: 0;
    margin: 5px;
    border: 1px solid #aaa;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.spflname{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 10px;
    transition: all 0.6s ease;
}
.spflname:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.displayflex-between{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
body{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    margin:0;

}
.h3-bottom-5{
	margin:0;
	margin-bottom:5px;
}
.padding-10{
	padding:10px;
}
.spkcnamelist_bxbj{
	width:100%;
	height: auto;
    margin-bottom: 10px;
}
.spimg{
	width:100px;
	border-top-left-radius: 10px;
    border-top-right-radius: 1
}
.object-cover {
    object-fit: cover;
}
.w-full {
    width: 100%;
}
.h-40 {
    height: 10rem;
}
.gap-2 {
    gap: 0.5rem;
}
.flex {
    display: flex;
}
.tkflname{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;;
    background-color: #ffffff;
    border-radius: 10px;
}
.bgflname{
	height:100%;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;;
    background-color: #ffffff;
    border-radius: 10px;
}
.bgflname-top{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.bgflname:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.tkkp-top{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 10px;
    transition: all 0.6s ease;
}
.tkkp-top:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.flex-grow{
	flex-grow: 1;
}
.margin-bottom{
	margin-bottom:20px;
}
.tk-tixing-color{
	font-size: 14px;
	color:rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.sp-tixing-color{
	font-size: 14px;
	color:rgb(158 165 176 / var(--tw-bg-opacity, 1));
}
.bg-tixing-color{
	font-size: 14px;
	color:rgb(132 136 133 / var(--tw-bg-opacity, 1));
}
.bg-fa-size-color{
	margin-right:10px;
    display: flex;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    color:rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.tk-tixing-fa-size{
	font-size:14px;
	margin:5px;
}
.tk-fa-size-color{
	margin-right:10px;
    display: flex;
    font-size: 15px;
    align-items: center;
    justify-content: center;
}
.tk-c-fa-size-color{
	margin-right: 10px;
	background-color: rgb(139 92 246 / 0.1);
	color:rgb(92 149 246 / 1);
    padding: 10px;
}
.tk-z-fa-size-color{
	margin-right: 10px;
	background-color: rgb(139 92 246 / 0.1);
	color:rgb(87 173 65 / 1);
    padding: 10px;
}
.tk-y-fa-size-color{
	margin-right: 10px;
	background-color: rgb(139 92 246 / 0.1);
	color:rgb(92 185 246 / 1);
    padding: 10px;
}
.tk-f-fa-size-color{
	margin-right: 10px;
	background-color: rgb(139 92 246 / 0.1);
	color:rgb(226 92 246 / 1);
    padding: 10px;
}
.tk-bg-fa-size-color{
	width:20px;
	height:20px;
	background-color: rgb(16 185 129 / 0.1);
	color:rgb(16 185 129 / 1);
    padding: 10px;
    margin-bottom:10px;
}
.tk-sp-fa-size-color{
	width:20px;
	height:20px;
	background-color: rgb(59 130 246 / 0.1);
	color:rgb(59 130 246 / 1);
    padding: 10px;
    margin-bottom:10px;
}
.spflname_pay{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px 0px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	flex-wrap:nowrap;
	/*border:1px solid #d5cece;*/
	border-radius:20px;
}
.spflname_pay:hover{
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.borderimg_bay{
	width:100%;
	height:100%;
	background-color:#1202029e;
	background-size:100% 100%;
	background-repeat:no-repeat;	
	display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 20px;
}
.title-title{
	background-color: #f2f1f8 ;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 65%;
    align-content: center;
    flex-wrap: nowrap;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.title-title-3{
	width: 95%;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 130%;
    flex-wrap: nowrap;
}
.title-title-3-1{
	display: flex;
    flex-direction: row;
    align-items: center;
}
.title_h2{
	width: 96%;
	font-size:10px;
	text-align: center;
}
.spkcnamelist{
	width:auto;
	padding-right: 5px;
    padding-top: 5px;
	padding-bottom: 25%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-end;
	flex-wrap:wrap;
	flex-grow: 1;
	
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 9; /* 显示3行文本，再多就会显示省略号 */
  	overflow: hidden;
  	text-overflow: ellipsis;
  	border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.index_button-1{
	width: 100px;
    color: #f8f7f7;
    background: none;
    border: 0;
    background-color: #ff6600;
    margin: 5px;
    padding: 3px;
    border-radius: 3px;
    font-weight: 400;
    text-align: center;
    transition: all 0.3s ease;
}
.pagecenter{
	height:auto;
	min-height:80vh;
}
.pagetop{
	background-image: linear-gradient(to bottom, rgba(0,0,0,50%), rgba(0,0,0,50%)),url('../images/titleimg/300.jpg');background-position:top;background-repeat:no-repeat;background-size:cover;
	height:8vh;
	width:100vw;
	/*position: fixed;
    z-index: 10;*/
}
.pagebottom{
	color:#ffffff;
	background-image: linear-gradient(to bottom, rgba(0,0,0,50%), rgba(0,0,0,50%)),url('../images/titleimg/300.jpg');background-position:top;background-repeat:no-repeat;background-size:cover;
	height:auto;
	color:#ffffff;
	padding:50px 0px;
}
.pagetop,.pagecenter,.pagebottom{
	width:100%;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	
}
.zj-data{
		width:100%;
		height:auto;
		margin:20px 0px;
		display:flex;
		flex-direction:column;
		flex-wrap:nowrap;
		justify-content:center;
		align-items:center;
		
}
.zj-list-xx{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
}
.datanamefl_pay{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items: center;
	margin-right:0px;
	margin-left:0px;
	flex-grow: 2;
	padding-bottom: 0px;
}
.title_cmra-1{
    height: auto;
   	color:#FF6600;
   	letter-spacing: 2px;
   	width: 100%;
   	margin:40px 0px 20px 0px;
   	display: flex;
   	flex-direction: column;
   	flex-wrap: nowrap;
   	align-content: center;
   	justify-content: center;
   	align-items: center;
}
.zjlistpage{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:space-around;"
}
.xyzx{
	margin-top: 25px;
    background-color: #f4f6f8;
    padding: 20px;
    border-radius: 10px;
}
.btn-tk-color{
	background-color: #f3eefe;
    border: 0;
    color:#7841f1;
}
.btn-tk-color:hover{
	background-color: #986ff2;
    border: 0;
    color:#ffffff;
}
.btn-tk-1-color{
	background-color: #986ff2;
    border: 0;
    color:#ffffff;
}
.btn-tk-1-color:hover{
	background-color: #a785f2;
	color:#ffffff;
    border: 0;
}
.btn-sp-color{
	background-color: #ebf2fe;
    border: 0;
    /*color:rgb(59 130 246 / var(--tw-bg-opacity, 1));*/
}
.btn-sp-color:hover{
	background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
	color:#ffffff;
    border: 0;
}
.btn-sp-color:hover > i{
	color:#ffffff;
}
.btn-bg-color{
	background-color: #e7f8f2;
    border: 0;
    color:rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.btn-bg-page-color{
	background-color: rgb(16 185 129 / var(--tw-text-opacity, 1));
    border: 0;
    color:#ffffff;
}
.btn-bg-color:hover{
	background-color: rgb(16 185 129 / var(--tw-text-opacity, 1));
	color:#ffffff;
    border: 0;
}
.fa-arrow-right{
	margin:0px 5px;
	color:rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.spkcjblist{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-end;
	align-items:center;
	color:#ff6666;
	font-weight: 900;
}
.w-h-15{
	width:15px;
	height:15px;
}
.zjimgtitle_title{
	width:100%;
	height:100%;
	padding:0px 0px;
	border-radius:15px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	background-color: rgba(0, 0, 0, 0.65);
	font-weight: 600;
	color: #ffffff;
}


.tanchuang_wrap{
	width:100%; 
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100; 
	display:none;
}
.tanchuang_wrap5{
	width:100%; 
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:150; 
	display:none;
}
.lightbox{
   	position:fixed;
   	top:0;
   	left:0;
   	width:100%; 
   	height:100%;
   	padding-top:8vh;
   	background:#000;
   	filter:alpha(Opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;
   	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.tanchuang_neirong{
   	position:fixed;
   	top:10vh;
   	left:50%;
   	width:86vw;
   	margin-left:-43vw;
   	/*padding:10px 10px;*/
   	height:80vh;
   	/*overflow-y:auto;*/
   	background:#fff;
   	font-size:15px;
   	line-height:15px;
   	z-index:105;
   	display: flex;
    flex-direction: row;
    justify-content: center;
}
.tanchuang_neirong_ai{
   	position:fixed;
   	top:10vh;
   	left:50%;
   	width:86vw;
   	margin-left:-43vw;
   	height:80vh;
   	background:#fff;
   	font-size:15px;
   	line-height:15px;
   	z-index:105;
   	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.tanchuang_wrap1{
	width:100%; 
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:110; 
	display:none;
}
.tanchuang_neirong1{
   	position:fixed;
   	top:5vh;
   	left:5vw;
   	width:89vw;
   	/*margin-left:-43vw;*/
   	/*padding:10px 10px;*/
   	height:90vh;
   	/*overflow-y:auto;*/
   	background:#fff;
   	font-size:15px;
   	line-height:15px;
   	z-index:115;
   	display: flex;
    flex-direction: row;
    justify-content: center;
}
.tanchuang_wrap2{
	width:100%; 
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:120; 
	display:none;
}
.tanchuang_wrap3{
	width:100%; 
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:135; 
	display:none;
}
.tanchuang_wrap4{
	width:100%; 
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:140; 
	display:none;
}
.tanchuang_neirong5{
   	position:fixed;
   	top:25vh;
   	left:50%;
   	width:450px;
   	margin-left:-225px;
   	padding:10px 10px;
   	height:auto;
   	max-height:50vh;
   	overflow-y:auto;
   	background:#fff;
   	font-size:15px;
   	line-height:15px;
   	z-index:140;
   	display: flex;
    flex-direction: row;
    justify-content: center;
}
.tanchuang_neirong_img{
   	position:fixed;
   	top:7vh;
   	left:50%;
   	height:auto;
   	width:300px;
   	margin-left:-150px;
   	padding:0px 0px;
   	/*overflow-y:auto;*/ 
   	/*background:#fff;*/
   	font-size:15px;
   	line-height:15px;
   	z-index:130;
   	transition: all 0.6s ease;
}
.tanchuang_neirong_mpx{
   	position:fixed;
   	top:5vh;
   	left:50%;
   	height:auto;
   	width:400px;
   	margin-left:-200px;
   	padding:0px 0px;
   	/*overflow-y:auto;*/ 
   	background:#fff;
   	font-size:15px;
   	line-height:15px;
   	z-index:130;
}
.tanchuang_neirong4{
   	position:fixed;
   	top:6vh;
   	left:48%;
   	width:86vw;
   	margin-left:-43vw;
   	/*padding:10px 10px;*/
   	height:80vh;
   	/*overflow-y:auto;*/
   	background:#fff;
   	font-size:15px;
   	line-height:15px;
   	z-index:140;
   	display: flex;
    flex-direction: row;
    justify-content: center;
}
.title-block2 {
    /*display: inline-block;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: relative;
    background: #F3715D;
    color: white;
    text-align: right;
    padding: 5px 5px;
    height: auto;
    line-height: 30px;
    /*border-radius: 0px 25px 25px 0px;*/
    letter-spacing: -1px;
    /*margin-left:-10px;*/
    /*margin-top:-10px;*/
    margin-bottom:0px;
    /*flex-direction:row;*/
	/*flex-wrap:wrap;*/
	/*justify-content:space-between;*/
	align-items:flex-start;
}
.title-block1{
	height: 76vh;
	padding:5px;
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    background-color: #fff;
    text-align: left;
    font-size:13px
    /*margin: 10px;*/
}
.title_cmra{
	width: 100%;
    height: auto;
    font-size: 18px;
    margin-top: 10px;
    padding: 10px 0px;
    line-height:20px;
    text-align:left;
}
.paykc_sub{
	width: 100%;
    height: auto;
    padding:15px 0px;
    margin:0px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: stretch;	
    transition: all 0.3s ease;
}
.paykc_sub:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.proj_title-block1{
	height: 100%;
	padding:0px;
    display: flex;
    /*overflow-y: auto;*/
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    text-align: left;
    font-size:13px
    /*margin: 10px;*/
}
.proj_job{
	width:50%;
	height:100%;
	display: flex;
    text-align: center;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    /*max-width: 45%;*/
    /*flex-grow: 1;*/
}
.proj_work{
	height:98%;
	/*width:50%;*/
	display: flex;
    text-align: center;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    /*max-width: 75%;*/
    margin:5px;
    flex-grow: 1;
    overflow-y: auto;
}
.button{
	background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border-radius: 20px;
    max-width: 200px;
    /*flex-grow: 1;*/
}
.paybutton:hover{
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.paybutton_cmra{
	width:20%;	
}
.mpxpalybutton{
	color:#000000;
	background-color: #dee8de;
	padding:0px;
	margin:0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	/*border-radius:10px;*/
}
.nroverflow-play{
	width:100%;
	height:57vh;
	overflow:auto;
	text-align:left;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow:1;
    overflow-x: hidden;
}
.spflname_play_list{
	/*width:auto;*/
	height:auto;
	padding:10px 10px;
	margin:2px 5px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:nowrap;
	/*flex-grow: 1;*/
	/*border-bottom:1px solid #aaaaaa;*/
	background-color: #f2f1f8;
	font-size:13px;
}
.sp-kcnamelist{
	width:100%;
	height:auto;
	padding:0px 0px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:left;
	flex-wrap:wrap;
}
.display_center{
	display: flex;
    justify-content: center;
    align-items: center;	
}
.toolselectstyle{
	width:100%;	
	/*display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;*/
}

.upload-box {
		width:100%;
		border: 2px dashed #ccc;
		border-radius: 8px;
		padding: 2rem 0rem;
		text-align: center;
		position: relative;
		background-color: #fff;
}
.custom-upload-btn {
		background: #007bff;
		color: white;
		padding: 0.5rem 1.5rem;
		border-radius: 4px;
		cursor: pointer;
		transition: background 0.3s;
}
.custom-upload-btn:hover {
		background: #0056b3;
}
.imgstudent{
	height:120px;
	weight:auto;
}
.title-top-1{
	width:auto;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 13px;
    font-weight: 400;
    color:#ffffff;
}
.title-top-2{
	font-size:15px;
	font-weight: 600;
	color:#ffffff;
}
.title_cmra-1{
    height: auto;
   	color:#FF6600;
   	letter-spacing: 2px;
   	width: 100%;
   	margin:40px 0px 20px 0px;
   	display: flex;
   	flex-direction: column;
   	flex-wrap: nowrap;
   	align-content: center;
   	justify-content: center;
   	align-items: center;
}
.index_button{
	width: 110px;
    padding: 6px 5px;
    margin: 5px 5px;
    border: 1px solid #FF6600;
    border-radius: 25px;
    text-align: center;
    background-color: #ff6600;
    color: #ffffff;
    font-weight: 400;
    transition: all 0.5s ease;
}
.index_button:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.title_cmra-2{
	transition: all 0.5s ease;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 5px;
    padding: 21px;
}
.title_cmra-2:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
table {
	border-collapse: collapse;
	width: 100%;
	height:150px;
}
th,td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}
th {
	background-color: #f2f2f2;
}
.title_cmra_title{
	width: 100%;
    height: auto;
    font-size: 18px;
    /*margin-top: -20px;*/
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    padding: 0px 0px;
    display:flex;
    flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	letter-spacing: 2px;
	text-align:center;
	/*background: linear-gradient(to bottom, rgb(175 76 76), #eeeeee00);*/
}
.md_list{
	width:100%;
	background:#ffffff;
	color:#000;
	margin:0px;
	padding:0px;
	text-align:center;	
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
	
}

@media screen and (min-width: 960px) and (max-width: 1199px) {

}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.grid{
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.grid{
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 479px){
	.grid{
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}