@font-face {
    font-family: 'CronosMMRegular', verdana;
    src: url('../fonts/cronosmm.eot');
    src: url('../fonts/cronosmm.eot') format('embedded-opentype'),
         url('../fonts/cronosmm.woff2') format('woff2'),
         url('../fonts/cronosmm.woff') format('woff'),
         url('../fonts/cronosmm.ttf') format('truetype'),
         url('../fonts/cronosmm.svg#CronosMMRegular') format('svg');
}

.container{
	margin: 0 auto;
	text-align: center;
	font-family: 'CronosMMRegular';
}

img.mail_icon{
	margin-top: 100px;
}

@media only screen and (max-width:800px){
	img.mail_icon{
		margin-top: 60px;
    	}}

@media only screen and (max-width:340px){
	img.mail_icon{
		margin-top: 30px;
    	}}

h1{
	color: #424242;
	font-size: 46px;
	margin-top: 200px;
}

@media only screen and (max-width:1200px){
	h1{
		font-size: 32px;
		margin-top: 150px;
    	}}

@media only screen and (max-width:800px){
	h1{
		font-size: 26px;
		margin-top: 100px;
    	}}

@media only screen and (max-width:340px){
	h1{
		font-size: 20px;
		margin-top: 40px;
    	}}

h2{
	color: #9fa3a4;
	font-size: 22px;
	margin-top: 25px;
}

@media only screen and (max-width:800px){
	h2{
		font-size: 18px;
		margin-top: 40px;
    	}}


@media only screen and (max-width:340px){
	h2{
		font-size: 14px;
		margin-top: 25px;
    	}}

h3{
	color: #666666;
	font-size: 16px;
	margin-top: 10px;
}

@media only screen and (max-width:340px){
	h3{
		font-size: 12px;
    	}}
    	
.popup{
        position:fixed;
        left:50%;

}
.popup .wrapper{
        position:relative; 
        left:-50%;

        /*popup-styles*/
        background-color:#fff;
        padding:10px;
        border:solid 2px #444;
        border-radius:10px;
}