:root {
    --color1: #136d4a;
    --color2: #F15A24;
    --color3: #199263;
}

@font-face {
    font-family: 'UTM-Bebas';
    src:  url('fonts/UTM-Bebas.ttf') format('truetype')
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: border-box;
}

textarea{
    font-family: 'Arial';
    font-size: 1rem;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'Arial';
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Arial';
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Arial';
}

body{
    font-size: 16px;
    color: #000;
    line-height: 1.3;
    font-family: 'Arial';
    overflow-x: hidden;
    margin: 0 auto;
}
.p-1{padding: 1rem;}
.p-05{padding: .5rem;}
.mb-1{margin-bottom: 2rem;}
.mb-2{margin-bottom: 1rem;}
.pt-2{padding-top: 2rem;}

ul,li{list-style: none;}
a{color: inherit;text-decoration: none;}
img{max-width: 100%;vertical-align: top;}
.align-center{text-align: center;}
.align-right{text-align: right;}


html{
    font-size: 16px;
}


.style1{
    font-size: .8rem;
    color: #000;
    text-transform: uppercase;
    margin-bottom: .5rem;
    font-family: Arial;
    position: relative;
    padding-bottom: 0.5rem;
    color: var(--color1);
}