html, body {
height: 100%;
margin:0;
padding:0;
}

p{
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

hr{
	width:45%;
	border: 0;
    height: 5px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #fff, #fff, #fff); 
    background-image:    -moz-linear-gradient(left, #fff, #fff, #fff); 
    background-image:     -ms-linear-gradient(left, #fff, #fff, #fff); 
    background-image:      -o-linear-gradient(left, #fff, #fff, #fff); 
}
.container {
display: table;
height: 100%;
width: 100%;
background-color: #28A9C9;
}

#middleText{
	margin-top: 15%;
}

.block {
display: table-row;
height: 1px;
}

.push {
height: auto;
}



.small{
	font-size: 13px;
	padding:0;
}

.medium{
	color: #038A91;
	font-size: 45px;
	font-weight:500;
}

.large {
	font-size: 71px;
	font-weight: 500;
	padding:0;
	margin:0;
}


#contact a {
	width: 100px;
	padding: 10px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	margin: 0 auto;
	margin-bottom:30px;
	background-color: #EADB26;	
	display: block;
	color: #000;
	text-decoration: none;
}


#contact a:hover {
	background-color: #F9E741;
	cursor: pointer;
}

#socialMedia {
	width: 115px;
margin: 0 auto;
}

#footer{
	font-family: 'Roboto', sans-serif;
	background-color:#fff;
	text-align: center;
	width: 100% !important;
	padding: 1% 0;
	font-size:10px;
}
#footer p{
	color: #6A6B6B;
}

@media (max-width: 669px) {
	.large{
		font-size: 60px;
		}
	.medium {
		font-size: 40px;
	}
}

@media (max-width: 600px) {
	.large{
		font-size: 50px;
		}
}

@media (max-width: 600px) {
	.large{
		font-size: 32px;
		}
	.medium {
		font-size: 25px;
	}
}