/* Responsive Full Background Image Using CSS
 * Tutorial URL: http://sixrevisions.com/css/responsive-background-image/
*/
body {
  /* Location of the image */
  background-image: url(images/bg.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}

.footer{
	position: absolute;
	background-image: url(images/footer.png);
    background-size: 100% 85%;
    background-repeat: no-repeat;
    height: 150px;
    max-width: 1250px;
	margin-right: 15px;
	margin-top: 35px;
}

.proteo{
	color: #0ff5c7; 
	font-size: 9px;
	font-family: 'Microsoft PhagsPa'; 
	text-align: justify;
}

.desc{
	margin-left: 25px;
	color: white; 
	font-size: 10px; 
	font-family: 'Microsoft PhagsPa'; 
}

.contact{
	margin-top: 7px;
	background: transparent;
    color: white;
    border-radius: 12px;
    border: 2px solid #0ff5c7;
    font-weight: bold;
    height: 50px;
    width: 75px;
    Font-family: 'Microsoft PhagsPa';
    font-size: 11px;
}

@media only screen and (max-width: 450px) {
    /* For mobile phones: */
    [class*="col-xs-8"] {
        width: 100%;
    }
	
	[class*="col-xs-4"] {
        width: 0%;
		display: none;
    }
	
	[class*="col-xs-1"] {
        margin-left: 0px !important;
    }
	
	.proteo{
		color: #0ff5c7; 
		font-size: 8px;
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}
}

@media (min-width: 520px) and (max-width: 558px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 10px;
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}

	.desc{
		margin-left: 25px;
		color: white; 
		font-size: 10px; 
		font-family: 'Microsoft PhagsPa'; 
	}

	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 75px;
		Font-family: 'Microsoft PhagsPa';
		font-size: 11px;
	}
}

@media (min-width: 558px) and (max-width: 741px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 11px;
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}

	.desc{
		margin-left: 25px;
		color: white; 
		font-size: 10px; 
		font-family: 'Microsoft PhagsPa'; 
	}

	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 75px;
		Font-family: 'Microsoft PhagsPa';
		font-size: 11px;
	}
}

@media (min-width: 741px) and (max-width: 870px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 12px;
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}

	.desc{
		margin-left: 25px;
		color: white; 
		font-size: 10px; 
		font-family: 'Microsoft PhagsPa'; 
	}

	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 75px;
		Font-family: 'Microsoft PhagsPa';
		font-size: 11px;
	}
}

@media (min-width: 870px) and (max-width: 1125px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 12px; 
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}
	
	.desc{
		margin-left: 25px;
		color: white; 
		font-size: 10px; 
		font-family: 'Microsoft PhagsPa'; 
	}
	
	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 85px;
		Font-family: 'Microsoft PhagsPa';
		font-size: 11px;
	}
}

@media (min-width: 1125px) and (max-width: 1245px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 13px; 
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}
	
	.desc{
		margin-left: 35px;
		color: white; 
		font-size: 10px; 
		font-family: 'Microsoft PhagsPa'; 
	}
	
	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 85px;
		font-family: 'Microsoft PhagsPa';
		font-size: 12px;
	}
}

@media (min-width: 1245px) and (max-width: 1282px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 13px; 
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}
	
	.desc{
		margin-left: 35px;
		color: white; 
		font-size: 10px; 
		font-family: 'Microsoft PhagsPa'; 
	}
	
	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 85px;
		font-family: 'Microsoft PhagsPa';
		font-size: 13px;
	}
}

@media (min-width: 1282px) and (max-width: 1303px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 13px; 
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}
	
	.desc{
		margin-left: 35px;
		color: white; 
		font-size: 10px; 
		font-family: 'Microsoft PhagsPa'; 
	}
	
	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 85px;
		font-family: 'Microsoft PhagsPa';
		font-size: 13px;
	}
}

@media (min-width: 1303px) and (max-width: 1421px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 14px; 
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}
	
	.desc{
		margin-left: 35px;
		color: white; 
		font-size: 11px; 
		font-family: 'Microsoft PhagsPa'; 
	}
	
	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 95px;
		font-family: 'Microsoft PhagsPa';
		font-size: 13px;
	}
}

@media (min-width: 1421px) and (max-width: 1610px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 14px; 
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}
	
	.desc{
		margin-left: 35px;
		color: white; 
		font-size: 12px; 
		font-family: 'Microsoft PhagsPa'; 
	}
	
	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 110px;
		font-family: 'Microsoft PhagsPa';
		font-size: 13px;
	}
}

@media (min-width: 1610px) {
	.proteo{
		color: #0ff5c7; 
		font-size: 16px; 
		font-family: 'Microsoft PhagsPa'; 
		text-align: justify;
	}
	
	.desc{
		margin-left: 50px;
		color: white; 
		font-size: 14px; 
		font-family: 'Microsoft PhagsPa'; 
	}
	
	.contact{
		margin-top: 7px;
		background: transparent;
		color: white;
		border-radius: 12px;
		border: 2px solid #0ff5c7;
		font-weight: bold;
		height: 50px;
		width: 110px;
		font-family: 'Microsoft PhagsPa';
		font-size: 13px;
	}
}

a {
	color: #0074bd;
	font-weight: bold;
}

.btn-login {
	background-image: linear-gradient(to right, #0eecc3 0%, #088b8e 51%, #012254 100%);
	color: white;
	font-weight: bold;
	border: 0px;
}

.btn-login:hover{
	color: #c6c7c9;
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
	body {
		/* The file size of this background image is 93% smaller
		 * to improve page load speed on mobile internet connections */
		background-image: url(images/bg-mobile.jpg);
	}
}