@font-face {
    font-family: 'SF Pro Rounded';
    src: url('SFRounded-Ultralight.woff2') format('woff2'),
        url('SFRounded-Ultralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}



html {
	height: 100%;
}

body {
	font-family: 'SF Pro Rounded';
	font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
	min-width: 320px;
	height: 100%;
	background: #000;
	background-attachment: fixed;
}

section {
	padding: 0 auto;

}

 
.video-player {
	margin-top: 40px;
	width: 80%;
}


h1 {

	text-align: center;   
	font-family: 'SF Pro Rounded';
	font-size: 28px;
	font-weight: 200;
    font-style: normal;
    margin-bottom: 40px;
    margin-top: 30px;
}

h2 {
   
	font-family: 'SF Pro Rounded';
	font-size: 22px;
	font-weight: 200;
    font-style: normal;
    margin-bottom: 30px;
    margin-top: 20px;

}

.left-col {
	
	width: 5%;
	text-align: right;
}
.right-col {
	
	width: 90%;
	
}

.embed-responsive {
	position: relative;
	margin-bottom: 40px;
    margin: auto;
    width: 100%;
}


a {
	text-decoration: none;
	color: #4e968f;

}

 .href-app {
	text-decoration: underline;
	color: #4e968f;
	font-weight: bold;
}


.href-disabled { 
	 text-decoration: none;
     pointer-events: none; 
     cursor: default; 
     color: #fff;
     font-weight: normal;

 }

 a:hover {
text-decoration: none;
color: #317871;
}


.screenshot {
max-width: 100%;
display: block;
overflow: hidden;
margin-top: 20px;
margin-bottom: 30px;
border: solid 1px rgba(128,128,128,0.3);
}


.icons {
	height: 20px;
	width: auto;
	margin-left: 5px;
	margin-right: 5px;
}


hr {
	margin-top: 40px;
	margin-bottom: 0;
	opacity: 0.3;
}



h3 {
   
	font-family: 'SF Pro Rounded';
	font-size: 22px;
	font-weight: 200;
    font-style: normal;
    margin-bottom: 30px;
    margin-top: 30px;

}

.main {
	margin-top: 50px;
}

.container-main {
	padding: 20px;
}

ul  {
	padding: 0;
    margin-left: 20px;
}

a.e-mail {
  
   color: #fff;
}



@media only screen and (min-width: 768px ){
 
 h2 {
    margin-left: 20px;
}

}