/* Copyright 1999-2016. Parallels IP Holdings GmbH. All Rights Reserved. */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);
html {
    font: normal 13px/1.4 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #000;
}



/* styles for desktop devices */
@media only screen and (min-width: 992px) {

	html, body {
	    height: 100%;
	    min-height: 100%;
	    background-color: #283440;
	    color: #EFEFEF;
	}
	.page-container {
	    position: relative;
	    display: table;
	    width: 100%;
	    height: 100%;
	    table-layout: fixed;
	}
	.page-content {
	    margin: auto;
	    padding: 100px 10px;
	    max-width: 860px;
	}
	.page-logo {
	     padding-top: 20px;
	     padding-bottom: 20px;
	}
	.reach-logo {
	     width: 600px;
	}
	.page-text {
	     padding-top: 70px;
	    color: #EFEFEF;
	    font-size: 14px;
	    letter-spacing: .4rem;
	}
	.page-email {
	    padding-top: 70px;
	    color: #EFEFEF;
	    font-size: 16px;
	    letter-spacing: .4rem;
	}
}

/* styles for tablet devices */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	html, body {
	    height: 100%;
	    min-height: 100%;
	    background-color: #283440;
	    color: #EFEFEF;
	}
	.page-container {
	    position: relative;
	    display: table;
	    width: 100%;
	    height: 100%;
	    table-layout: fixed;
	}
	.page-content {
	    margin: auto;
	    padding: 100px 10px;
	    max-width: 860px;
	}
	.page-logo {
	     padding-top: 20px;
	     padding-bottom: 20px;
	}
	.reach-logo {
	     width: 450px;
	}
	.page-text {
	     padding-top: 70px;
	    color: #EFEFEF;
	    font-size: 14px;
	    letter-spacing: .4rem;
	}
	.page-email {
	    padding-top: 70px;
	    color: #EFEFEF;
	    font-size: 16px;
	    letter-spacing: .4rem;
	}
}
  
/* styles for mobile devices */
@media only screen and (max-width: 767px) {
	html, body {
	    height: 100%;
	    min-height: 100%;
	    background-color: #283440;
	    color: #EFEFEF;
	}
	.page-container {
	    position: relative;
	    display: table;
	    width: 100%;
	    height: 100%;
	    table-layout: fixed;
	}
	.page-content {
	    margin: auto;
	    padding: 100px 10px;
	    max-width: 860px;
	}
	.page-logo {
	     padding-top: 20px;
	     padding-bottom: 20px;
	}
	.reach-logo {
	     width: 300px;
	}
	.page-text {
	     padding-top: 70px;
	    color: #EFEFEF;
	    font-size: 14px;
	    letter-spacing: .4rem;
	}
	.page-email {
	    padding-top: 70px;
	    color: #EFEFEF;
	    font-size: 16px;
	    letter-spacing: .4rem;
	}
}