body{
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
}
.container{
	
}
.bg-mine{
	position: relative;
  width: 100%;
  height: 93vh;
  background-image: url(../images/supaboard-web.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
margin-bottom:7vh;
}
@media screen and (max-width:960px){
		.bg-mine{
			background-image: url(../images/mobile_bg.jpg);
			background-position: center 65%;
		}
}
@media screen and (max-width:760px){
		.bg-mine{
			background-image: url(../images/mobile_bg.jpg);
			background-position: center 55%;
		}
}
.wrapper{
	position: relative;
  width: 100%;
  max-width:1536px;
	margin:auto;
	height: 100vh;
	text-align: center;
}
.wrapper-1{
	position: relative;
  max-width:1200px;
	margin:auto;
	padding:50px 20px;
}
h1{
	font-family: 'Montserrat', sans-serif;
	font-size:126px;
	color:#5c8cc9;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	font-weight:900;
	line-height: .9em;
	padding-top:15vh;
}
@media screen and (max-width:1600px){
	h1{
		padding-top:10vh;
	}
}
@media screen and (max-width:960px){
	h1{
		font-size:90px;
	}
}
@media screen and (max-width:760px){
	h1{
		font-size:50px;
	}
}
.subname{
	font-family: 'Montserrat', sans-serif;
	font-size:55px;
	color:#5c8cc9;
	text-align:center;
	font-weight:700;
}
@media screen and (max-width:960px){
	.subname{
		font-size:40px;
	}
}
@media screen and (max-width:760px){
	.subname{
		font-size:22px;
	}
}
.logo{
	display:block;
	position:absolute;
	top:35px;
	right:35px;
	width:143px;
	height:143px;
	background-image:url(../images/sb-logo.svg);
	border:none;
	background-repeat: no-repeat;
}
@media screen and (max-width:960px){
	.logo{display:none;}
}
.logo-1{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	padding:0 50px 0 0; 
}
.logo-1 img{
	width:90px;
	height:auto;
}

@media screen and (max-width:960px){
	.logo-1{
		display:table-cell;
		padding:0 15px 0 0;
	}
}

.button-1{
position: relative;
  display: inline-block;
  background-color: #5c8cc9;
  height: 42px;
  color: #ffffff;
  font-size: 25px;
  padding: 15px 40px 5px;
  border-radius: 30px;
  text-decoration: none;
  margin-top: 40px;
 transition: 0.5s linear;
}
@media screen and (max-width:960px){
	.button-1{
	font-size: 20px;
	  padding: 18px 50px 0px;
	}
}
.button-1:hover{text-decoration:none;
background-color:#82c8ff;}
.menu-item{
	position:absolute;
	bottom:20px; right:35px;
	font-size:23px;
	color:#0e0e0e;
	text-decoration:none;
	transition: 0.5s linear;
}
@media screen and (max-width:960px){
	.menu-item{display:none;}
}
.menu-item:hover{
	text-decoration:none;
	color:#cccccc;
}
.name-1{
	display:table-cell;
	vertical-align:middle;
	color:#5c8cc9;
	font-size:30px;
	font-transform:bold;
}
.name-2{
	display:table-cell;
	vertical-align:middle;
	color:#ffffff;
	font-size:22px;
	font-transform:bold;
	padding-left:50px;
	text-decoration:none;
}
.text-1{
	text-align:left;
font-size:20px;	
}
@media screen and (max-width:960px){
	.text-1{
	font-size:16px;	
	}
}
.disp-tab{
	display:table;
	margin:auto;
}
.cl-b{clear:both;}

.footer{

	position:absolute;
	bottom:-7vh;
	right:0;
	left:0;
	background-color: #5c8cc9;
	color: #ffffff;
}
@media screen and (max-width:960px){
	.footer{
		display:block;
	}
}
.pos-footer{
	text-align:center;
	margin:0 auto;
	max-width:360px;
}