body {
    background-color: #00245D;
    -color: white;
	color: #ccd3de;
	-font-family: 'Nunito Sans', sans-serif;
	font-family: 'Roboto', sans-serif;
	-font-family: 'Lato', sans-serif;
	font-weight:100;
	font-size:1.6rem;
	
    /*
	font-family: Helvetica, sans-serif
	font-family: 'Roboto', sans-serif;	
	*/
}

h1 {
	-font-family: 'Nunito Sans', sans-serif;
    font-family: 'Roboto', sans-serif;
	-font-family: 'Lato', sans-serif!;
	font-weight: 100;
	font-size: 6rem;
}

.margin-textContainer {
    margin: 15% 0%;
	margin-bottom:10%;
}

.divider {
    background: white;
    margin: 5% 0%;
}

.contact {
    color: #ccd3de;
    padding: 8px 30px;
    border: 1px solid #ccd3de;
    font-family: 'Nunito Sans', sans-serif;
	background-color:transparent;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;

}
.contact:hover {
    color: #00245D;
	text-decoration:none;
	background-color:#ccd3de;
	
}

.contact-row{
	
	margin-bottom:15%;
	
}




@media (min-width: 992px) {
    .divider {
        background: white;
        margin: 3% 10%;
		margin-bottom:2%;
    }
}

@media (max-width: 1280px) {

	.margin-textContainer {
		
	
		margin-top:3%;
		margin-bottom:3%;
		
	}
	
	.contact-row{
		
		margin-bottom:3%;
		
	}
}


@media (max-width: 767.98px) { 
    .margin-textContainer {
        margin: 10% 0%;
    }

}
@media (max-width: 575.98px) {
    .margin-textContainer {
        margin: 25% 0%;
    }
    .divider {
        background: white;
        margin: 10% 1%;
    }
}


@media (max-width: 900px) { 

	.content{

		padding: 8px 30px;	
	}
	.margin-textContainer {
        margin: 5% 0%;
		margin-bottom:4%;
    }
	body {
		font-size:1.2rem!important;
	}
	
	h1 {
		font-size: 4rem!important;
	}

}