@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	background-color: #F4F4F4;
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: underline;
	color: #8E8E8E;
}
a:hover {
	text-decoration: none;
	color: #de3723;
}
a:visited {
	text-decoration: underline;
	color: #8E8E8E;
}
img {
	border: 0;
}

/**
 * ------------------------------------------------------ *
 * Content
 * ------------------------------------------------------ *
**/

.title {
	text-align: center;
	font-size: 46px;
	color: #189ADB;
	padding: 30px 15px 20px 15px;
}
.logo  img {
    width: 600px;
	height: 600px;
	text-align: center;
	margin: 0 auto;
}
.contact {
	text-align: center;
	font-size: 14px;
	color: #6d6e70;
	padding: 15px 15px;
}
.wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

@media all and (max-width: 980px) {
    
    .title {
	font-size: 36px;
    }
}

@media all and (max-width: 720px) {
    
	.title {
	font-size: 36px;
	}
	
    .text {
	padding-top: 20px;
    }
}

@media all and (max-width: 640px) {
    
	.title {
	font-size: 36px;
	}
	
	.logo img {
	max-width: 550px;
	max-height: 550px;
    }
}

@media all and (max-width: 570px) {
    
	.title {
	font-size: 32px;
	padding: 20px 15px 15px 15px;
	}
	
	.logo img {
	max-width: 500px;
	max-height: 500px;
    }
}

@media all and (max-width: 520px) {
	
	.title {
	font-size: 24px;
	}
    
    .logo img {
	max-width: 440px;
	max-height: 440px;
	
    }
}

@media all and (max-width: 480px) {
	
	.title {
	font-size: 24px;
	}
    
    .logo img {
	max-width: 400px;
	max-height: 400px;
    }
}

@media all and (max-width: 410px) {
	
	.title {
	font-size: 24px;
	}
    
    .logo img {
	max-width: 340px;
	max-height: 340px;
    }
}

@media all and (max-width: 320px) {
	
	.title {
	font-size: 18px;
	padding: 15px 15px;
	}
    
    .logo img {
	max-width: 300px;
	max-height: 300px;
    }
}