@font-face {
    font-family: 'Inter';
    src: url('../../fonts/Inter-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Inter-Bold';
    src: url('../../fonts/Inter-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter-Light';
    src: url('../../fonts/Inter-Light.ttf') format('truetype');
}
body {
    font-family:Inter-Light;
    font-size:18px;
    background:url('../img/bg.png') #fce5f1 no-repeat center top;
    text-align:center;
    height: 100%;
}
.divLogo {
    margin:50px;
}
.divLogo img {
    width:40%;
}
.mainDiv {
    background-color:#fff;
    padding: 0 4rem 4rem 5.5rem;
    box-sizing:border-box;
    border-radius:10px;
    text-align:left;
    margin-bottom:3rem;
}
#mainHeader {
    font-family:Inter-Bold;
    font-size:24px;
    line-height:32px;
}
.imgForestIcon {
    display:inline-block;
    float:right;
    margin-top:-10px;
    width:35%;
}
.subHeader {
    color:#fa0050;
    font-family:Inter-Bold;
    font-size:24px;
    margin:15px 0;
}
.mainDiv p {
    text-align:justify;
    font-size:18px;
    line-height:22px;
    font-family:Inter-Light;
    margin-bottom:1.4rem;
    word-spacing:3px;
}
.font-bold {
    font-family:Inter-Bold !important;
}

.textWithImage img{
    width:100%;
    border-radius:5px;
}

.liste {
    font-weight:400;
    line-height:22px;
    font-family:inter-light;
    text-align:justify;
    margin:2rem 0 3.5rem 1.2rem;
}

.aBold {
    font-family:Inter-Bold;
    text-decoration:none;
    color:#000;
}
.aBold:hover {
    color:#fa0050;
}
@media only screen and (min-width: 250px) {
    body {
    background:url('../img/bg-mobil2.png') #fce5f1 no-repeat center top;
}
.divLogo {
    margin:25px;
}
.divLogo img {
    width:50%;
}
.mainDiv {
    padding: 0 1rem 1.5rem 1.5rem;
    }

#mainHeader {
    font-size:12px;
    line-height:14px;
}
.imgForestIcon {
    margin-top:-5px;
    width:105% !important;
}
.subHeader {
    font-size:11px;
    margin:5px 0;
}
.mainDiv p {
    font-size:10px;
    line-height:12px;
    margin-bottom:0.7rem;
    word-spacing:-1px;
}
.liste {
    font-size:10px;
    line-height:12px;
    margin:1rem 0 1rem 0.9rem;
}
}

@media only screen and (min-width: 390px) {
body {
    background:url('../img/bg-mobil2.png') #fce5f1 no-repeat center top;
}
.divLogo {
    margin:25px;
}
.divLogo img {
    width:50%;
}
.mainDiv {
    padding: 0 1rem 1.5rem 1.5rem;
    }

#mainHeader {
    font-size:14px;
    line-height:18px;
}
.imgForestIcon {
    margin-top:-5px;
    width:105% !important;
}
.subHeader {
    font-size:11px;
    margin:5px 0;
}
.mainDiv p {
    font-size:10px;
    line-height:12px;
    margin-bottom:0.7rem;
    word-spacing:-1px;
}
.liste {
    font-size:10px;
    line-height:12px;
    margin:1rem 0 1rem 0.9rem;
}
}

@media only screen and (min-width: 480px) {
body {
    background:url('../img/bg-mobil2.png') #fce5f1 no-repeat center top;
}
.divLogo {
    margin:25px;
}
.divLogo img {
    width:50%;
}
.mainDiv {
    padding: 0 1.2rem 1.9rem 2rem;
    }

#mainHeader {
    font-size:16px;
    line-height:18px;
}
.imgForestIcon {
    margin-top:-5px;
    width:105% !important;
}
.subHeader {
    font-size:14px;
    margin:7px 0;
}
.mainDiv p {
    font-size:12px;
    line-height:13px;
    margin-bottom:0.9rem;
    word-spacing:-1px;
}
.liste {
    font-size:12px;
    line-height:13px;
    margin:1rem 0 1rem 0.9rem;
}
}
@media only screen and (min-width: 768px) {
body {
    background:url('../img/bg.png') #fce5f1 no-repeat center top;
}
.divLogo {
    margin:35px;
}
.divLogo img {
    width:50%;
}
.mainDiv {
    padding: 0 1.2rem 1.9rem 2rem;
    }

#mainHeader {
    font-size:22px;
    line-height:28px;
}
.imgForestIcon {
    margin-top:-5px;
    width:105% !important;
}
.subHeader {
    font-size:16px;
    margin:7px 0;
}
.mainDiv p {
    font-size:14px;
    line-height:15px;
    margin-bottom:1.1rem;
    word-spacing:-1px;
}
.liste {
    font-size:14px;
    line-height:15px;
    margin:1rem 0 1rem 0.9rem;
}
}

@media only screen and (min-width: 992px) {
    body {
    background:url('../img/bg.png') #fce5f1 no-repeat center top;
}
.divLogo {
    margin:40px;
}
.divLogo img {
    width:45%;
}
.mainDiv {
    padding: 0 4rem 4rem 5.5rem;
    }

    #mainHeader {
    font-family:Inter-Bold;
    font-size:28px;
    line-height:38px;
    }
    .imgForestIcon {
    margin-top:-5px;
}
.subHeader {
    font-size:22px;
    margin:15px 0;
}
    .mainDiv p {
    font-size:16px;
    line-height:19px;
    margin-bottom:1.5rem;
    word-spacing:-1px;
}
    .liste {
    font-size:16px;
    line-height:19px;
    margin:1rem 0 1rem 0.9rem;
}
}
@media only screen and (min-width: 1200px) {
    body {
    background:url('../img/bg.png') #fce5f1 no-repeat center top;
}
.divLogo {
    margin:40px;
}
.divLogo img {
    width:40%;
}
.mainDiv {
    padding: 0 4rem 4rem 5.5rem;
    }

    #mainHeader {
    font-family:Inter-Bold;
    font-size:34px;
    line-height:44px;
    }
    .imgForestIcon {
    margin-top:-5px;
}
.subHeader {
    font-size:26px;
    margin:15px 0;
}
    .mainDiv p {
    font-size:18px;
    line-height:23px;
    margin-bottom:1.5rem;
    word-spacing:-1px;
}
    .liste {
    font-size:18px;
    line-height:22px;
    margin:1rem 0 1rem 0.9rem;
}
}