/* =============================================================================
   Variables
   ========================================================================== */

   @baseFontSize: 20px;


/* =============================================================================
   Site Styles
   ========================================================================== */

body {
	
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: @baseFontSize;
	color: #21283C;
	line-height: 1.350em;
	background-color: #384463;
	
	.center {
		
		text-align: center;
		
	}

	.right {
		
		text-align: right;
		
	}
	
	b {

		font-weight: 700;
		
	} // b
	
	sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
		z-index: 1;
	}

	sup {
		top: -0.5em;
	}

	sub {
		bottom: -0.25em;
	}
	
	a {
		
		transition: 0.4s;
		color: #5771c5;
		
		&.button {
			
			font-size: 1.500em;
			line-height: 1.500em;
			font-weight: 700;
			text-transform: uppercase;
			text-decoration: none;
			padding: 0 1.700em;
			display: inline-block;
			border-radius: 0.400em;
			background-color: #FFFFFF;
			color: #9DA9CD;
			
			&:hover {
				
				color: #FFFFFF;
				background-color: #9DA9CD;
				
			} // .button:hover
			
			
			&.download {
				
				border: 0.075em solid #384463;
				background-color: transparent;
				color: #384463;
				font-weight: 300;
				background-color: rgba(255,255,255,0.5);
					
				&:hover {
					
					color: #FFFFFF;
					background-color: #384463;
					
				} // .button:hover
			}
			
		} // .button
		
	} //a 
	
	h1 {
		
		font-size: 2.500em;
		font-weight: 300;
		line-height: 1em;
		text-transform: uppercase;
		margin-top: 0;
		
		&.blue {
			
			color: #9BA8CC;
			
			b {
				
				color: #384567;
				
			}	// b
			
		} // .blue
		
	} // h1
	
	ul {
		
		margin: 0;
		list-style-image: url('../images/CheckSign.png');
		padding-left: 1.350em;
		
		li {
			
		
			font-size: 1em;
			color: #21283C;
			padding-left: 0.750em;
			margin-bottom: 0.250em;

		}
		
	}

	.content {
		
		background: linear-gradient(#FFFFFF 0%, #D8D8D8 100%);
		border-bottom: 0.200em solid #21283C;
		padding: 4.000em 0;
		
		h1 {
			
			font-size: 2.500em;
			text-transform: uppercase;
			line-height: 1em;
			font-weight: 200;
			
			&::first-line {
				
				font-weight: 700;
				color: #384567;
				
			}
		}

		h2 {
			
			font-size: 2.000em;
			font-weight: 700;
			color: #384567;
			line-height: 1em;
			
		}

		h3 {
			
			font-size: 1.500em;
			font-weight: 700;
			color: #384567;
			line-height: 1em;
			
		}

		p {
			
			border-bottom: 0.750em;
			line-height: 1.350em;
			color: #21283C;
			
		}
	}
	
} // body


/* =============================================================================
   From 1200 to 970
   ========================================================================== */

@media only screen and (max-width: 1195px) and (min-width: 970px) {

	body {
		
		font-size: 16px;
	
	} // body

}


/* =============================================================================
   From 970 to 600
   ========================================================================== */
   
@media only screen and (max-width: 969px) and (min-width: 600px) {

	body {
		
		font-size: 16px;
	
	} // body

}

/* =============================================================================
   From 600 to 480
   ========================================================================== */

@media only screen and (max-width: 600px) and (min-width: 480px) {
	
	body {
		
	
	} // body

}

/* =============================================================================
   Less than 480px
   ========================================================================== */
@media only screen and (max-width: 479px) {

	body {
		
	
	} // body

}