@font-face{font-family:"tjsans";src:url("fonts/TJSans-Bold.otf") format("opentype");src:url("fonts/TJSans-Light.otf") format("opentype")}.competitionbox{position:relative}.competitionbox:hover .zoominimg img{transform:scale(1.08)}.competitionbox:hover .blackveil{background:rgba(0,0,0,.2);transition:all .2s ease-out;-webkit-transition:all .2s ease-out}.competitionbox .title{color:#fff;font-size:1.4rem;font-weight:bold;position:absolute;z-index:10}.competitionbox .blackveil{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;transition:all .2s ease-out;-webkit-transition:all .2s ease-out}.competitionbox .zoominimg{overflow:hidden}.competitionbox .zoominimg img{transition:transform .2s linear}.pentathlonbox{position:relative}.pentathlonbox h2.titleh2{width:300px;margin-left:-150px;position:absolute;left:50%;top:-4.5rem;color:#62818e;background:hsla(0,0%,100%,.8);font-size:1rem}.pentathlonbox h2.titleh2::before{color:#006aa9;font-size:3rem;font-family:"Cormorant Garamond",serif}.pentathlonbox h2.titleh2.pentathlon01::before{content:"SWIMMING"}.pentathlonbox h2.titleh2.pentathlon02::before{content:"FENCING"}.pentathlonbox h2.titleh2.pentathlon03::before{content:"RIDING"}.pentathlonbox h2.titleh2.pentathlon04::before{content:"LASER RUN"}.rule .title{font-size:1.8rem;color:#006aa9;font-weight:bold;font-style:italic;font-family:"Cormorant Garamond",serif}