body{
    background: url("../img/bg-extended.jpg");
    background-size: 100% 170%;
    background-repeat: no-repeat;
    height: 100%;
}


.img-title{
margin:auto;
margin-top: -20px;
}

.img-center{
margin: auto;
max-width: 100%;
}

.img-logo{
 -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}
.img-logo:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.jura-text{
font-family: 'Jura', sans-serif;
color:white;
}

.text-header{
font-size: 70px;
margin:auto;
margin-top: 27%;
text-align: center;
}

@media(max-width:767px){
.text-header{
font-size: 3em;
margin-top: 125px;
 }
}

@media(min-width:768px){
.text-header{
font-size: 5em;
 }
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:4s;
	-moz-animation-duration:4s;
	animation-duration:4s;
}


/*
.social-icon{
width:28px;
height:28px;
margin-top: 2%;
margin-left:5px;
}
*/
.social-icon{
width:28px;
height:28px;
float:right;
margin-right:15px;
}

@media(max-width:991px){
 .social-icon{
 visibility: hidden;
 }
}

.sc-icon{
  width: 32px !important;
  height: 32px !important;
}
.topmargin{
margin-top:2%;
}
.top-margin{
margin-top:5%;
}

@media(max-width:767px){
.sc-track{
padding-top: 25px;
}
}
@media(min-width:768px){
.sc-track{
padding-top: 50px;
}
}

.flip-3dfigurefigcaption{
 -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.flip-3dfigurefigcaption:hover {
transform: rotateY(-.5turn) translateZ(1px);
}

.flip-3dfigurefigcaption2{
 -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.flip-3dfigurefigcaption2:hover {
transform: rotateY(.5turn) translateZ(1px);
}

.free-dl-text{
background-color: #25153D;
margin-bottom:5%;
margin-top:5%;
}

h3.text{
  margin-top: 25px;
padding-left: 5px;
padding-right: 5px;
 line-height: 3;
}

@media(max-width:767px){
h3.text{
 line-height: 2;
} 
}

.btn-free-dl{
font-size: larger;
}
/*
#mc_embed_signup{
text-align: center;
margin-top: -3%;
}

#mc-embedded-signup-form{
display: inline-block;
}
#mc_embed_signup_scroll{
display:flex;
}
*/

.footer{ 
text-align:center;
background-color: #C77129;
position: relative;
width: 100%;
height: 20px;
}

@media(min-width: 1200px){
.footer{
bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;}
}