@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');

html, body {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 62.5%;
    height: 100%;
    box-sizing: border-box;
    border: none;
    color:#000;
}


/* Link color */
a { text-decoration: none; transition: 0.4s all; }
a:hover { text-decoration: none;transition: 0.4s all; }


/* Font size */
h1 {font-size: 7rem; margin: 0 0 4rem 0;}
h2 {font-size: 5.5rem; margin: 0 0 4rem 0;}
h3 {font-size: 3.7rem; margin: 0 0 2.6rem 0;}
h4 {font-size: 3rem; margin: 0;}
h5 {font-size: 2rem; margin: 0;}
h6 {font-size: 1.3rem; margin: 0;}

p {font-size: 1.6rem; margin: 0 0 1.5rem 0; }

/* Responsive html */
@media only screen and (max-width: 1500px) {
    html, body {
        font-size: 55%;
    }
}

@media only screen and (max-width: 1000px) {
    html, body {
        font-size: 51%;
    }
}

@media only screen and (max-width: 768px) {
    html, body {
        font-size: 48%;
    }
}



/* Style reset */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button,
select {
	text-transform: none;
}

textarea {
	overflow: auto;
}


/* Font Helpers */
.f200 {font-weight: 200!important;}
.f300 {font-weight: 300!important;}
.f400 {font-weight: 400!important;}
.f500 {font-weight: 500!important;}
.f600 {font-weight: 600!important;}
.f700 {font-weight: 700!important;}
.f900 {font-weight: 900!important;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}



/* Margin helpers */
.nomargin {margin: 0;}

.marginxs {margin-bottom: 1rem;}
.margins {margin-bottom: 2rem;}
.marginm {margin-bottom: 4rem;}
.marginl {margin-bottom: 6rem;}
.marginxl {margin-bottom: 8.5rem;}
.marginxxl {margin-bottom: 12rem;}


/* Padding helpers */
.nopad {padding: 0;}

.padtxs {padding-top: 1rem;}
.padts {padding-top: 2rem;}
.padtm {padding-top: 4rem;}
.padtl {padding-top: 6rem;}
.padtxl {padding-top: 8.5rem;}
.padtxxl {padding-top: 12rem;}

.padbxs {padding-bottom: 1rem;}
.padbs {padding-bottom: 2rem;}
.padbm {padding-bottom: 4rem;}
.padbl {padding-bottom: 6rem;}
.padbxl {padding-bottom: 8.5rem;}
.padbxxl {padding-bottom: 12rem;}