/* sec font-family */
/* font */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap');

/* @font-face {
    font-family: 'mytupibold';
    src: url('../fonts/mytupibold.ttf');
}

@font-face {
    font-family: 'mytupi';
    src: url('../fonts/mytupi.ttf');
} */
html body{
    font-size: 16px;
}
body h1 *,
body h2 *,
body h3 *,
body h4 *,
body h5 *,
body h6 *,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6{
    font-family: 'Syne';
}
div,div *,p,i,a,input,textarea{
    font-family: 'Syne';
    outline: none;
}
/* font */

div,p,span,i,a,div *{
    font-size: 20px;
}

body h1 *,
body h1 ,
body h2 *,
body h2 ,
body h3 *,
body h3 ,
body h4 *,
body h4,
body h5 ,
body h5 *,
body h6 ,
body h6 *{
  font-size: 30px;
}

.large-font,.large-font *{
    font-size: 63px;
    line-height: 1.2;
}
.middle-font,.middle-font *{
    font-size: 28px;
}

.small-font,.small-font *{
    font-size: 20px;
}



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



@media only screen and (max-width : 1536px) {}

@media only screen and (max-width : 1440px) {}

@media only screen and (max-width : 1366px) {}


@media only screen and (max-width : 1280px) {}


@media only screen and (max-width : 1200px) {
    .large-font,.large-font *{

    font-size: 60px;}
    .middle-font,.middle-font *{
        font-size: 27px;
    }
    .small-font,.small-font *{
    
    }
}

@media only screen and (max-width : 960px) {
    .large-font,.large-font *{

    font-size: 45px;}
    .middle-font,.middle-font *{
        font-size: 22px;
    }
    .small-font,.small-font *{
    
    }
}

@media only screen and (max-width : 800px) {}

@media only screen and (max-width : 768px) {}

@media only screen and (max-width : 640px) {}

@media only screen and (max-width : 480px) {}

@media only screen and (max-width : 414px) {}

@media only screen and (max-width : 375px) {}

@media only screen and (max-width : 360px) {}

/*global font-size */