@font-face {
    font-family: "Montserrat";
    src: url("Montserrat-Regular.otf");
    font-weight: normal;
}

* { font-family:Montserrat; color:#555; }

h4 {margin-top:50px;}

.aleft { float:left; }
.aright { float:right; }
.tcenter { text-align: center;}
.tspace_m {margin-top:20px;}
.inline-block{ display: inline-block;}
.no-decoration { text-decoration:none; }

.container {
    margin: auto;
    position: relative;
    width: 60%;
    background: #fff;
    margin-top: 110px;
    padding:10px 30px 30px 30px;
    z-index: 2;
}

.animations {
    overflow:hidden;
    clear: both;
    text-align: justify;
}

.box {
    overflow: hidden;
    clear: both;
}

.box.left { margin:0px 15px 5px 0px; }
.box.right { margin:0px 0px 5px 15px; }

.left-cloud {
	height: auto;
	max-width: 294px;
	width: 294px;
	background: url("clouds_1.png");
	background-repeat: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.right-cloud {
	height: auto;
	max-width: 294px;
	width: 294px;
	background: url("clouds_2.png");
	background-repeat: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

header {
    display: block;
    float: left;
    width: 100%;
    height: 47px;
    position: fixed;
    background-color: #314cef;
    opacity: 1;
    padding: 10px 0 10px 0;
    font-family: "work sans medium";
    font-size: 12.96pt;
    text-transform: uppercase;
    top:0;
    left: 0;
    right: 0;
    z-index: 3;
}

.logo {
	position: fixed;
    background: transparent url(logo_with_clouds.png) 85% 0% no-repeat;
    background-size: auto;
    height: 8vw;
    width: 31%;
    z-index: 11;
    top: 0;
}

.title {
	font-family: "Montserrat";
    padding-top: 1.5em;
    font-size: 22pt;
    color: #107cc0;
    margin-bottom: 1%;
}

.android-app {
 	position: relative;
  width: 100%;
  height: 250px;
}

.column_1, .column_2 {
  width: 50%;
  display: relative;
}

.column_1 {
  display: inline-block;
  margin: auto auto;
  text-align: center;
}

.column_2 {
  float: right;
}

.android-app-logo {
  position: relative;
}

.google-play-logo {
  position: relative;
  vertical-align: top;
  padding-right: 100%;
  margin-top: 10%
}

.android-app-text {
	position: relative;
  margin: 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
    color: rebeccapurple;
    font-size: 44pt;
}

.android-app-subtext {
  margin: 0 0 0 10px;
  display: inline-block;
  width: auto;
  vertical-align: middle;;
	position: relative;
    color: deeppink;
    font-size: 17pt;
}
