/*
position: relative;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
width: 1500px;
height: fit-content;
*/
main {
    width: 100%;
    height: fit-content;
    padding-left: 45px;
    padding-right: 45px;
} 
.main_title {
    margin:0;
    border-top-left-radius: 20px ;
    border-top-right-radius: 20px ;
    box-sizing: border-box;
    height:fit-content;
    background-color: #2c4232;
    width: 100%;
    color:white;
}
.main_title h1 {
    padding-left: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.main_section {
    position: relative;
    padding: 80px;
    padding-left: 80px;
    padding-right: 80px;
    box-sizing: border-box;
    background-color: #84AC8F;
    width: 100%;}
.main_section p, h2{
    margin-bottom: 20px;
}
.main_section p, li{
    font-size: 20px;
    line-height: 40px;
}
ul.list1{
    font-weight: bolder;
    padding-left: 20px;
    list-style-type: square;
    text-align: left;
}
ul.list2{
    font-weight: normal;
    padding-left: 50px;
    list-style-type: disc;
    text-align: left;
}
ul.list3{
    font-weight: normal;
    list-style-type: circle;
    padding-left: 50px;
    text-align: left;
}
@media screen and (max-device-width:341px) { /*I DONT LIKE IT SMALL LOKOS UGLY*/
    .main_title h1 {
        font-size: 5vw;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-device-width:480px) { /*I DONT LIKE IT SMALL LOKOS UGLY*/
    main {
        width: 100%;
        height: fit-content;
        margin-left: 0px;
        margin-right: 0px;
        
    } 
    ul.list1{
        padding-left: 20px;
    }
    ul.list2{
        padding-left: 35px;
    }   
    ul.list3{
        padding-left: 30px;
    }   
    .main_section p, li{
        font-size: 15px;
        line-height: 25px;
    }
}
@media screen and (max-device-height:480px) {
    .main_section p, li{
        font-size: 15px;
        line-height: 25px;
    }
    
}