html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ’’;
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* GLOBAL */

/* font-weight: 400; //normal
font-weight: 500; //medium
font-weight: 700; //bold */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');
html, body, html * {
  font-family: 'Montserrat', sans-serif; font-size: 12px; color: #fff; font-weight: 300;
}
form {width: 100%}
input { border-style: none; background: #fff; outline: none; border-radius: 30px; padding: 20px 0px; height: 10px; color: #030959; text-align: center; width: 100%; font-size: 16px;}
button { padding: 0; background: #fff; border: none; outline: none; cursor: pointer; position: absolute; width: 40px; height: 40px; right: 12px; top: 5px; background-color: transparent;}
#submit{background-image: url("../images/send.png");background-size: cover;border: none;color: transparent;}

p, li{font-size: 20px; font-weight: 100; line-height: 40px;}

ul{list-style-type: unset; margin: 30px 0px 0px;}

a{text-decoration: none;}

::placeholder {
  font-size: 18px;
}

/* HOME */

.bg{background-image: url('../images/blur.png'); background-position: top; background-size: 100% auto; background-repeat: no-repeat;background-color: #030959}

.homeTop{width: 850px; margin: 140px auto;}
.homeTop h1{width: 100%; display: block;}
.homeTop h1 img{width: 100%;}
.homeTop h2{font-size: 30px; color: #fff; text-align: center;}
.homeTop h2.baseline{font-size: 27px; color: #fff; text-align: center;}

.bullet{text-align: center;display: inline-block;width: 55px;padding-bottom: 35px;font-size: 25px;}

.contact{width: 100%; margin-top: 15px;}
.contact span{font-size: 13px;text-align: center;width: 100%;display: inline-block;}


.container {
  margin: 50px auto;
}

.webflow-style-input {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  border-radius: 2px;
}




footer{width: 100%; position: fixed; bottom: 0px; height: 50px;}
footer .terms span{font-size: 16px;text-align: center;width: 100%;display: inline-block;}


/* TABLET */

@media screen and (max-width: 1350px) {
.bg{background-image: url('../images/blur2.png'); background-position: top; background-size: 100% auto; background-repeat: no-repeat;background-color: #030959}
.homeTop{width: 650px; margin: 100px auto;}
.homeTop h2{font-size: 25px; color: #fff; text-align: center;}
.homeTop h2.baseline{font-size: 22px; color: #fff; text-align: center;}
.container {margin: 35px auto;}

}

/* MOBILE */

@media screen and (max-width: 850px) {
.bg{background-image: url('../images/blur3.png'); background-position: top; background-size: 100% auto; background-repeat: no-repeat;background-color: #030959}
.homeTop{width: 500px;}
.homeTop h2{font-size: 20px; color: #fff; text-align: center;}
.homeTop h2.baseline{font-size: 18px; color: #fff; text-align: center;}
.container {margin: 25px auto;}
.bullet{text-align: center; display: inline-block;width: 18px;padding-bottom: 0px;font-size: 18px;}

}

@media screen and (max-width: 600px) {
.homeTop{width: 350px;}
.homeTop h2{font-size: 15px; color: #fff; text-align: center;}
.homeTop h2.baseline{font-size: 12px; color: #fff; text-align: center;}
.container {margin: 25px auto;}
.bullet{text-align: center;display: inline-block;width: 15px;padding-bottom: 0px;font-size: 15px;}
.contact{width: 100%;}

}