@font-face {
    font-family: trueCat;
    src: url("../font/Truecat.ttf");
}


body {
    background:#f5f5f5; 
    padding:0; 
    margin:0; 
    font-family:Tahoma, Arial, Helvetica, sans-serif; 
    font-size:12px;
}

h2 {
    font-size:17px; 
    font-weight:normal; 
    margin:0 0 0 0; 
    padding:0 0 15px 4px; 
    border-bottom:1px solid #dedede; 
    color:#424242;
}

p {
    color:#000000; 
    /* font-size: 52px;  */
    margin: 0 0 0 0; 
    padding: 15px 0 0 4px;
    text-align: center;
}

.containter {
    text-align: center; 
    display: block; 
    width: 100%;
}

.claim {
    padding-top: 0;
    font-family: trueCat;
    text-align: center;
    margin-top: 24px;
}

.center {
    margin: 24px auto; 
    display: block; 
    border-radius: 4px; 
    max-width: 500px; 
    padding: 30px; 
    background: #ffffff; 
    border: 1px solid #dedede;
}

.center img {
    width: 100%;
}

.logo {
    width: 100%;
}

.slogan {
    font-family: trueCat;
}

.mailto {
    padding-top: 0;
    font-family: trueCat;
    text-align: center;
    margin-bottom: 70px;
}

.mailto a {
    color: #000000;
    text-decoration: none;
}


@media screen and (min-width: 576px) {
    .claim {
        font-size: 34px;
    }

    .slogan {
        font-size: 52px;
    }

    .mailto {
        font-size: 37px;
    }
}

@media screen and (max-width: 575px) {
    .claim {
        font-size: 5.5vw;
    }
    
    .slogan {
        font-size: 8vw;
    }

    .mailto {
        font-size: 6vw;
    }
}