@media all and (max-width:321px) {
    h1 {font-size: 25px;padding: 0px;}
    h2 {font-size: 25px;padding: 0px;}
    h3 {font-size: 20px;}
}
@media all and (max-width:381px){
    h1 {font-size: 30px;padding: 0px;}
    h2 {font-size: 30px;padding: 0px;}
    h3 {font-size: 20px;}
}
@media all and (max-width:420px){
    h1 {font-size: 33px;padding: 0px;}
    h2 {font-size: 33px;padding: 0px;}
    h3 {font-size: 20px;}
}
@media all and (max-width:900px){
    body, html { width: 100%; height: 100%; }
    .row {margin-right: 15px;margin-left: 15px;}
    .container {width: 100%;overflow: hidden;padding: 10px 0;position: relative;}
    
    .p-m-0 {padding:0px}
    .p-m-10 {padding:10px}
    .p-m-20 {padding:20px}
    .p-m-30 {padding:30px}
    .p-m-40 {padding:40px}
    .p-m-60 {padding:60px}
    
    .pl-m-0 {padding-left:0px}
    .pl-m-10 {padding-left:10px}
    .pl-m-20 {padding-left:20px}
    .pl-m-30 {padding-left:30px}
    .pl-m-40 {padding-left:40px}
    .pl-m-60 {padding-left:60px}
    
    .pr-m-0 {padding-right:0px}
    .pr-m-10 {padding-right:10px}
    .pr-m-20 {padding-right:20px}
    .pr-m-30 {padding-right:30px}
    .pr-m-40 {padding-right:40px}
    .pr-m-60 {padding-right:60px}
    
    .pt-m-0 {padding-top:0px}
    .pt-m-10 {padding-top:10px}
    .pt-m-20 {padding-top:20px}
    .pt-m-30 {padding-top:30px}
    .pt-m-40 {padding-top:40px}
    .pt-m-60 {padding-top:60px}
    
    .pb-m-0 {padding-bottom:0px}
    .pb-m-10 {padding-bottom:10px}
    .pb-m-20 {padding-bottom:20px}
    .pb-m-30 {padding-bottom:30px}
    .pb-m-40 {padding-bottom:40px}
    .pb-m-60 {padding-bottom:60px}
    
    .m-m-0 {margin:0px}
    .m-m-10 {margin:10px}
    .m-m-20 {margin:20px}
    .m-m-30 {margin:30px}
    .m-m-40 {margin:40px}
    .m-m-60 {margin:60px}
    
    .ml-m-0 {margin-left:0px}
    .ml-m-10 {margin-left:10px}
    .ml-m-20 {margin-left:20px}
    .ml-m-30 {margin-left:30px}
    .ml-m-40 {margin-left:40px}
    .ml-m-60 {margin-left:60px}
    
    .mr-m-0 {margin-right:0px}
    .mr-m-10 {margin-right:10px}
    .mr-m-20 {margin-right:20px}
    .mr-m-30 {margin-right:30px}
    .mr-m-40 {margin-right:40px}
    .mr-m-60 {margin-right:60px}
    
    .mt-m-0 {margin-top:0px}
    .mt-m-10 {margin-top:10px}
    .mt-m-20 {margin-top:20px}
    .mt-m-30 {margin-top:30px}
    .mt-m-40 {margin-top:40px}
    .mt-m-60 {margin-top:60px}
    
    .mb-m-0 {margin-bottom:0px}
    .mb-m-10 {margin-bottom:10px}
    .mb-m-20 {margin-bottom:20px}
    .mb-m-30 {margin-bottom:30px}
    .mb-m-40 {margin-bottom:40px}
    .mb-m-60 {margin-bottom:60px}
    .col-0 {display:none}
    
    .border {border-radius: 20px;}
}