@media only screen and (max-width: 389px) {

@font-face {
font-family: 'gothammedium';
src: url('fontsfami/GothamRoundedMedium_21022.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothamlight';
src: url('fontsfami/GothamRoundedLight_21020.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothambold';
src: url('fontsfami/GothamRoundedBold_21016.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

html {
cursor: default;
scroll-behavior: smooth;
}

body {
background-color: rgb(255, 255, 255);
font-family: 'gothamlight', 'gothammedium', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
}

h1 {
color: rgb(60, 164, 255);
}


.button-box {
display: flex;
justify-content: center;
}

section {
display: flex;
flex-direction: column;
align-items: center;
}

.btn {
position: relative;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 20px;
font-size: 0.5em;
cursor: pointer;
}

#section-2 {
padding: 33vw 0vw 0vw;
}

form {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 30vw;

}

form h1{
font-size: 6vw;
color: rgb(6, 6, 6)
}

small{
padding: 2vw 10vw;
font-size: 3vw; 
color: rgb(38, 37, 37);
}

label {
margin-bottom: 2vh;
font-weight: bold;
}

input,
textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
width: 50%;
box-sizing: border-box;
}

input[type="submit"] {
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #3e8e41;
}

nav ul {
list-style-type: none;

}


footer ul{
list-style: none;
text-decoration: none;
padding: 0;
}

.cc {
padding: 0px 20px;
}

.cc ul li h2 {
color: rgb(60, 164, 255);
font-size: 1em;
margin: 0;
}

.cc ul li p {
color: rgb(39, 40, 41);
font-size: 0.6em;
margin: 0;

}

.cc ul{
display: flex;
flex-direction: column-reverse;
}

.cc ul a, .cc ul p {
text-decoration: none;
color: #1f1e1e;
margin: 0;
}


footer ul li .docs {
padding: 0px 20px 0px 20px;
}

.docs ul{
display: flex;
justify-content: space-between;
margin: 0
}

.docs ul a{
text-decoration: none;
color: #1f1e1e;
margin: 0;
font-size: 0.5em;
}



.typing-container-terms,
.typing-container-privacy,
.typing-container {
width: 90%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}


#typed-content {
font-size: 6vw;
color: #1f1e1e;
}

}

@media only screen and (min-width: 390px) and (max-width: 480px) {

@font-face {
font-family: 'gothammedium';
src: url('fontsfami/GothamRoundedMedium_21022.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothamlight';
src: url('fontsfami/GothamRoundedLight_21020.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothambold';
src: url('fontsfami/GothamRoundedBold_21016.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

html {
cursor: default;
scroll-behavior: smooth;
}

body {
background-color: rgb(255, 255, 255);
font-family: 'gothamlight', 'gothammedium', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
}

h1 {
color: rgb(60, 164, 255);
}


.button-box {
display: flex;
justify-content: center;
}

section {
display: flex;
flex-direction: column;
align-items: center;
}

.btn {
position: relative;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 20px;
font-size: 0.5em;
cursor: pointer;
}

#section-2 {
padding: 80vw 0vw 0vw;
}

form {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 30vw;

}

form h1 {
font-size: 6vw;
color: rgb(6, 6, 6)
}

small {
padding: 2vw 10vw;
font-size: 3vw;
color: rgb(38, 37, 37);
}

label {
margin-bottom: 2vh;
font-weight: bold;
}

input,
textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
width: 50%;
box-sizing: border-box;
}

input[type="submit"] {
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #3e8e41;
}

nav ul {
list-style-type: none;

}


footer ul {
list-style: none;
text-decoration: none;
padding: 0;
}

.cc {
padding: 0px 20px;
}

.cc ul li h2 {
color: rgb(60, 164, 255);
font-size: 1em;
margin: 0;
}

.cc ul li p {
color: rgb(39, 40, 41);
font-size: 0.6em;
margin: 0;

}

.cc ul {
display: flex;
flex-direction: column-reverse;
}

.cc ul a,
.cc ul p {
text-decoration: none;
color: #1f1e1e;
margin: 0;
}


footer ul li .docs {
padding: 0px 20px 0px 20px;
}

.docs ul {
display: flex;
justify-content: space-between;
margin: 0
}

.docs ul a {
text-decoration: none;
color: #1f1e1e;
margin: 0;
font-size: 0.5em;
}



.typing-container-terms,
.typing-container-privacy,
.typing-container {
width: 90%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}


#typed-content {
font-size: 6vw;
color: #1f1e1e;
}

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
@font-face {
font-family: 'gothammedium';
src: url('fontsfami/GothamRoundedMedium_21022.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothamlight';
src: url('fontsfami/GothamRoundedLight_21020.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothambold';
src: url('fontsfami/GothamRoundedBold_21016.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

html {
cursor: default;
scroll-behavior: smooth;
}

body {
background-color: rgb(255, 255, 255);
font-family: 'gothamlight', 'gothammedium', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
}

h1 {
color: rgb(60, 164, 255);
}


.button-box {
display: flex;
justify-content: center;
}

section {
display: flex;
flex-direction: column;
align-items: center;
}

.btn {
position: relative;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 20px;
font-size: 0.5em;
cursor: pointer;
}

form {
display: flex;
flex-direction: column;
align-items: center;
padding: 70vw 0vw 30vw;
}

form h1 {
font-size: 4vw;
color: rgb(6, 6, 6)
}

small {
padding: 2vw 10vw;
font-size: 1vw;
color: rgb(38, 37, 37);
}

label {
margin-bottom: 2vh;
font-weight: bold;
}

input,
textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
width: 50%;
box-sizing: border-box;
}

input[type="submit"] {
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #3e8e41;
}

nav ul {
list-style-type: none;

}


footer ul {
list-style: none;
text-decoration: none;
padding: 0;
}

.cc {
padding: 0px 20px;
}

.cc ul li h2 {
color: rgb(60, 164, 255);
font-size: 1em;
margin: 0;
}

.cc ul li p {
color: rgb(39, 40, 41);
font-size: 0.6em;
margin: 0;

}

.cc ul {
display: flex;
flex-direction: column-reverse;
}

.cc ul a,
.cc ul p {
text-decoration: none;
color: #1f1e1e;
margin: 0;
}


footer ul li .docs {
padding: 0px 20px 0px 20px;
}

.docs ul {
display: flex;
justify-content: space-between;
margin: 0
}

.docs ul a {
text-decoration: none;
color: #1f1e1e;
margin: 0;
font-size: 0.5em;
}



.typing-container-terms,
.typing-container-privacy,
.typing-container {
width: 90%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}


#typed-content {
font-size: 3vw;
color: #1f1e1e;
}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    
@font-face {
font-family: 'gothammedium';
src: url('fontsfami/GothamRoundedMedium_21022.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothamlight';
src: url('fontsfami/GothamRoundedLight_21020.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothambold';
src: url('fontsfami/GothamRoundedBold_21016.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

html {
cursor: default;
scroll-behavior: smooth;
}

body {
background-color: rgb(255, 255, 255);
font-family: 'gothamlight', 'gothammedium', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
}

body {
background-color: rgb(255, 255, 255);
font-family: 'gothamlight';
margin: 0;
padding: 0;
}

h1 {
color: rgb(60, 164, 255);
font-size: 4vw;
}


.button-box {
display: flex;
justify-content: center;
}

section {
display: flex;
flex-direction: column;
align-items: center;
}

.btn {
position: relative;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 20px;
font-size: 1em;
cursor: pointer;
}

form {
display: flex;
flex-direction: column;
align-items: center;
padding: 20vw 0vw 10vw;
}

form h1 {
font-size: 4vw;
color: rgb(6, 6, 6)
}

small {
padding: 1vw 10vw;
font-size: 1vw;
color: rgb(38, 37, 37);
}

label {
margin-bottom: 2vh;
font-weight: bold;
}

input,
textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
width: 50%;
box-sizing: border-box;
}

input[type="submit"] {
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #3e8e41;
}

nav ul {
list-style-type: none;

}


footer ul {
list-style: none;
text-decoration: none;
padding: 0;
}

.cc {
padding: 0px 20px;
}

.cc ul li h2 {
color: rgb(60, 164, 255);
font-size: 1em;
margin: 0;
}

.cc ul li p {
color: rgb(39, 40, 41);
font-size: 0.6em;
margin: 0;

}

.cc ul {
display: flex;
flex-direction: column-reverse;
}

.cc ul a,
.cc ul p {
text-decoration: none;
color: #1f1e1e;
margin: 0;
}


footer ul li .docs {
padding: 0px 20px 0px 20px;
}

.docs ul {
display: flex;
justify-content: space-between;
margin: 0
}

.docs ul a {
text-decoration: none;
color: #1f1e1e;
margin: 0;
font-size: 0.5em;
}



.typing-container-terms,
.typing-container-privacy,
.typing-container {
width: 90%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}


#typed-content {
font-size: 4vw;
color: #1f1e1e;
}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
@font-face {
font-family: 'gothammedium';
src: url('fontsfami/GothamRoundedMedium_21022.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothamlight';
src: url('fontsfami/GothamRoundedLight_21020.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothambold';
src: url('fontsfami/GothamRoundedBold_21016.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

html {
cursor: default;
scroll-behavior: smooth;
}

body {
background-color: rgb(255, 255, 255);
font-family: 'gothamlight', 'gothammedium', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
}

.color-change {
transition: background-color 0.5s ease;
}

.color-change:hover {
background-color: #ffc400;
color: #FFF;
}



h1 {
color: rgb(60, 164, 255);
font-size: 2vw;
}


.button-box {
display: flex;
justify-content: center;
}

section {
display: flex;
flex-direction: column;
align-items: center;
}

.btn {
position: relative;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 20px;
font-size: 0.8em;
cursor: pointer;
}

.arrowdown {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}


#section-2 {
padding: 13vw 0vw 0vw;

}

form h1 {
color: rgb(37, 37, 37);
font-size: 2.5vw;
}

form {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 8vw;
}


small {
color: rgb(93, 177, 251);
padding: 0;
}

label {
margin-bottom: 2vh;
font-weight: bold;
}

input,
textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
width: 50%;
box-sizing: border-box;
}

input[type="submit"] {
background-color: #388af5;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #ffc400;
}

nav ul {
list-style-type: none;

}

footer {
padding-top: 5vw;
}

footer ul {
list-style: none;
text-decoration: none;
padding: 0;
}

.cc {
padding: 0px 20px 0px 20px;
}

footer ul li .docs {
padding: 0px 20px 0px 20px;
}

.cc ul li h2 {
color: rgb(60, 164, 255);
font-size: 1em;
margin: 0;
}

.cc ul li p {
font-size: 0.5em;

}

.cc ul {
display: flex;
flex-direction: column-reverse;
}

.cc ul a,
.cc ul p {
text-decoration: none;
color: #1f1e1e;
margin: 0;
}



.docs ul {
display: flex;
justify-content: space-between;
margin: 0
}

.docs ul a {
text-decoration: none;
color: #1f1e1e;
margin: 0;
font-size: 0.3em;

}



.typing-container-terms,
.typing-container-privacy,
.typing-container {
width: 90%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}


#typed-content {
font-size: 2vw;
color: #1f1e1e;
}

}

@media screen and (min-width: 1200px) {
@font-face {
font-family: 'gothammedium';
src: url('fontsfami/GothamRoundedMedium_21022.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothamlight';
src: url('fontsfami/GothamRoundedLight_21020.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gothambold';
src: url('fontsfami/GothamRoundedBold_21016.ttf') format('woff');
font-weight: normal;
font-style: normal;
}

html {
cursor: default;
scroll-behavior: smooth;
}

body {
background-color: rgb(255, 255, 255);
font-family: 'gothamlight', 'gothammedium', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
}

.color-change {
    transition: background-color 0.5s ease;
}

.color-change:hover {
    background-color: #ffc400;
    color: #FFF;
}



h1 {
color: rgb(60, 164, 255);
font-size: 2vw;
}


.button-box {
display: flex;
justify-content: center;
}

section {
display: flex;
flex-direction: column;
align-items: center;
}

.btn {
position: relative;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 20px;
font-size: 0.8em;
cursor: pointer;
}

.arrowdown {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}


#section-2{
padding: 14vw 0vw 0vw 0vw;

}

form h1{
color: rgb(37, 37, 37);
font-size: 2.5vw;
}

form {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 8vw;
}


small {
color: rgb(93, 177, 251);
padding: 0;
}

label {
margin-bottom: 2vh;
font-weight: bold;
}

input,
textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
width: 50%;
box-sizing: border-box;
}

input[type="submit"] {
background-color: #388af5;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #ffc400;
}

nav ul {
list-style-type: none;

}

footer{
padding-top: 4vw;
}

footer ul {
list-style: none;
text-decoration: none;
padding: 0;
}

.cc {
padding: 0px 20px 0px 20px;
}

footer ul li .docs {
padding: 0px 20px 0px 20px;
}

.cc ul li h2 {
color: rgb(60, 164, 255);
font-size: 1em;
margin: 0;
}

.cc ul li p {
font-size: 0.5em;

}

.cc ul {
display: flex;
flex-direction: column-reverse;
}

.cc ul a,
.cc ul p {
text-decoration: none;
color: #1f1e1e;
margin: 0;
}



.docs ul {
display: flex;
justify-content: space-between;
margin: 0
}

.docs ul a {
text-decoration: none;
color: #1f1e1e;
margin: 0;
font-size: 0.3em;

}



.typing-container-terms,
.typing-container-privacy,
.typing-container {
width: 90%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}


#typed-content {
font-size: 2vw;
color: #1f1e1e;
}

}