@font-face {
    font-family: 'Eksell Large';
    src: url('../fonts/EksellDisplay-Large.woff2') format('woff2'),
      url('../fonts/EksellDisplay-Large.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }


  @font-face {
    font-family: 'apercu-regular';
    src: url('../fonts/apercu-regular.eot');
    src: url('../fonts/apercu-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apercu-regular.woff2') format('woff2'),
         url('../fonts/apercu-regular.woff') format('woff'),
         url('../fonts/apercu-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    background-color: #fff;
    margin:0;
    padding:0;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'apercu-regular';
    
  
}

.intro{
    background-color: #0064C0;
    color: #fff;
    font-size: 2rem;
    padding:25rem 0 20rem 0;
    background-image: url('../images/cats.svg');
    background-repeat: no-repeat;
    background-position: 0 3rem;
    background-size:100% ;
   


}

.intro_head{
    display: flex;
    justify-content:center;
    align-items: center;
    


    
}

.intro_head span{
    font-size: 4rem;
    margin-right: 2rem;
    font-family: 'Eksell Large';
   
}


.intro_head h1{
    font-family: 'Eksell Large';
  
    line-height: 1;
    font-size:25rem;
}






.intro_body{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:0 10rem 0 10rem;
    text-align: center;
    
    

}

.intro_body h2{
    margin:1rem 0 1rem 0;
    font-size:4rem;
    
    font-family: 'Eksell Large';
    
}

.intro_body h3{
    margin:0 0 4rem 0;
    font-size:1.5rem;
    letter-spacing: 0.1rem;
    font-family: 'apercu-regular';
}



.intro_body p{
 
    max-width: 50rem;
    font-size:1.6rem;

    font-family: 'apercu-regular';
}


h1{
    font-size:24rem;
}


.cat{
    background-color: #FFD9EB;
    padding:10rem 0 10rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
 

}




.cat .cat_intro{

    font-size: 2rem;
 
    display: flex;
    flex-direction: column;
    align-items: center;
    width:60rem;
    border-bottom:3px solid black;
    position: relative;
   
 

  
}

.cat h3.cat_breed{

    font-family: 'Eksell Large';
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    text-align: center;
    margin-bottom: 3rem;
  

    
}
.cat .cat_number_container{

    position: relative;

}

.cat img.cat_number{
    font-size:25rem;
   
    margin:0;
    padding: 0;
    font-family: 'Eksell Large';

    text-align: center;

    
  
    

}

.scottish{

    position: relative;
    top:50px;
    
}

.cat .cat_stats{

 
    width:30rem;
    padding:0 10rem 0 10rem;
    max-width: 50rem;
}

.cat .cat_stats p{
    padding:4rem 0rem 4rem 0;
    line-height: 1.4;
  
    
}

.cat .cat_stats h3{
    font-size: 1.4rem;
    padding-bottom: 2rem;
    border-bottom:1px solid black;
    display: inline-block;
    letter-spacing: 0.1rem;

}

.cat .cat_stats table{
   margin-top: 2rem;
}

.cat_color_2{
    background-color:#EDE7E7;
}

.cat_color_3{
    background-color:#DAEDFF;
}

.cat_color_4{
    background-color:#FFC93E;
}




table .category{
    font-family: 'Eksell Large';

    font-size: 2rem;
}

td{
    padding:0 3rem 2rem 0;
  
}