/*GLOBALS---------------------------------------------------------------------*/
*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
:root{user-select: none;}
/*----------------------------------------------------------------------------*/

/*CLASSES---------------------------------------------------------------------*/
.center-self{display:flex;justify-content:center;}
.center-text{text-align:center;}
/*----------------------------------------------------------------------------*/

/*FONTS-----------------------------------------------------------------------*/
@font-face{font-family:'Inter';font-display: swap;
src:url('../fonts/Inter-4.1/extras/woff-hinted/InterDisplay-Bold.woff2');}
h1,h2,h3,h4,h5,h6,p,a{font-feature-settings:"cv11"1,"ss01"1;
font-variant-ligatures:common-ligatures;
text-shadow:0.05rem 0.05rem 0.1rem rgba(255,255,255,255.3);}
h1{font-size:3rem;}
h2{font-size:1.5rem;padding:1rem 0;}
h3{font-size:1.3rem;padding:1rem 0;}
h4{font-size:1.2rem;padding:1rem 0;}
h5{font-size:1.2rem;padding:1rem 0;}
h6{font-size:1.2rem;padding:1rem 0;}
p{font-size:1rem;padding:1rem 0;}
a{font-size:1rem;padding:1rem;text-decoration:none;color:#000;}
a:hover{opacity:0.7;text-decoration:underline;}
/*----------------------------------------------------------------------------*/

/*STRUCTURES------------------------------------------------------------------*/
/*body{}*/
header{min-height:4rem;width:100%;}
main{padding:3rem;min-height:50vh;/*TESTING ONLY*/}
footer{min-height:4rem;display:flex;flex-direction:row-reverse;padding:1rem;}
section{width:100%;padding:2rem 0;}
ol>li{padding-top:1rem;list-style:none;}
/*----------------------------------------------------------------------------*/
#section-landing,#section-services,#section-process,#section-fees{display:flex;flex-direction:column;justify-content:center;
align-items:center;text-align:center;}
#section-landing>button{max-width:30rem;
    margin-top:1rem;font-size:1.2rem;padding:0.5rem 1rem;border-radius:1rem;border:0.1rem solid black;
}
#section-landing>button:hover{opacity:0.7;cursor:pointer;}
#section-services>ul>li>h3{text-align: start;}
#section-process>ol>li>img{
    max-height: 8rem;
}
#section-process>ol>li{width: 50%;}
#section-process>ol>li>p{align-content: center; margin: auto;}
#section-process>ol{display:flex;flex-direction: row; flex-wrap: wrap;}
#section-process{margin: 0;padding: 0;}
#form_privacy{
    padding: 1rem;
    display: flex; align-items: center; justify-content: center;
}
#form_privacy>input{
    height: 1.5rem;
    min-height: 1.5rem;
    width: 1.5rem; margin: 1rem;
}
#form_privacy>label{
    margin: auto;
}
@media screen and (min-width: 600px){
    #section-services>h2{text-align: center; max-width:40vw;}

    /*#section-process{}*/
    
    #section-process>ol{
        width: 100%; display:flex;flex-direction: row; flex-wrap: wrap; justify-content: space-evenly;
    }
    #section-process>ol>li{
        width: 25%;
    }
    #section-landing{min-height:80vh;}
    #section-services{min-height:80vh;}
}
@media screen and (min-width: 2000px){
    *{font-size: 2.5rem;}
}
/*NAVIGATION------------------------------------------------------------------*/
nav{width:100%;}
nav>ul{display:flex;flex-direction:row;justify-content:center;
height:100%;width:100%;}
nav>ul>li{display:flex;align-items:center;}
@media screen and (min-width: 600px){nav>ul{justify-content:start;}}
/*----------------------------------------------------------------------------*/

/*FORM------------------------------------------------------------------------*/
form{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
label{margin:1rem 0 0.5rem 0;}
input,select{width:30rem;max-width:80vw;min-height:2rem;padding:0.5rem;
border:0.1rem solid black;border-radius:0.5rem;text-align:center;}
textarea{width:30rem;max-width:80vw;min-height:4rem;padding:0.5rem;border-radius:0.5rem;text-align:center;resize:none;border:0.1rem solid black;}
form>button{margin-top:1rem;font-size:1.2rem;padding:0.5rem 1rem;border-radius:1rem;border:0.1rem solid black;}
form>button:hover{opacity:0.7;cursor:pointer;}


/*----------------------------------------------------------------------------*/