/* CSS Document */
@import url(init.css);
@import url(font_1.css);

body {background:;}

header h1 {font-size:10rem;margin:0 10%;margin-top:10%;font-weight:bold;color:#222;line-height:1;font-family:"indus";}

.list {display:flex;flex-wrap:wrap;margin:0 5%;min-height:20rem;position:relative;}
.list li {width:23.3%;margin:5%;text-align:center;}
.list li a {color:#000;display:flex;position:relative;border-radius:1pt;overflow:hidden;}
.list li a:before {content:attr(data-name);position:absolute;left:0;top:0;display:flex;width:100%;height:100%;background:hsla(222,22%,22%,15%);font-size:2rem;color:#fff;transition: opacity .5s;transition-timing-function: cubic-bezier(0,.5,.5,1);opacity:0;
align-items:center;justify-content:center;text-shadow: 0 0 5pt rgba(0,0,0,.35);}
.list li a:hover:before {opacity:1;}
.list li p,
.list li img {width:100%;height:100%;}

.foot {position:relative;display:flex;justify-content:center;margin:3rem 0;}
.foot img {height:1.5rem;}



.foot {text-align:center;padding:1rem;padding-bottom:10vmin;color:hsl(230,7%,55%);width:100%;box-sizing:border-box;}
.foot span {display:flex;padding:1rem 0;line-height:1;font-weight:normal;font-size:.8rem;justify-content:center;align-items:center;}
.foot a {color:hsl(222,10%,60%);padding-left:1rem;}
.foot a:hover {color:hsl(230,7%,75%);}
.brand_logo {width:1rem;margin:0;}
.foot b+i {font-size:.9rem;}
.brand_color,
.brand_color_1,
.brand_color_2 {font-family:"rubrik_semi_bold";font-size:.9rem;letter-spacing:-.05rem;}
.brand_color {color:var(--color_main_light);margin-right:.1rem;}
.brand_color_1 {color:var(--color_main_dark);}
.brand_color_2 {color:var(--color_main_black);}


@media screen and (min-width:0) and (max-width:567px) {
header h1 {font-size:20vmin;margin:0 6.4vmin;margin-top:6.4vmin}
.list {margin:3.2vmin;}
.list li {width:40.4vmin;margin:3.2vmin;}
.foot {display:none;}
}
@media screen and (min-width:568px) and (max-width:768px) {

}
@media screen and (min-width:769px) and (max-width:1024px) {


}
@media screen and (min-width:1153px) and (max-width:1600px) {

}