body{
	font-family: 'Muli', sans-serif;
}

.page-body{
	background-image: url(../img/mobile-bg.gif);
	background-size: cover;
	background-repeat: no-repeat;
}

.navbar-default {
	border-radius: 0px;
		width: 100%
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #333333;
    font-size: 8pt;
    letter-spacing: 0.75pt;
}

.navbar-brand {
	padding: 0;
}

.home-body{
	background-image: url(../img/mobile-bg.gif);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
}

.content{
	padding: 5%;
}

.container-about{
	padding: 0;
}

.container{
	padding: 0pt 20pt;
}

.home-pt1{
	padding: 10% 8%;

}

.home-pt2{
	padding: 0% 8%;
	font-family: 'Source Sans Pro', sans-serif;

}

.home-page-buttons{
	text-align: center;
	box-sizing: border-box;
	border-radius: 12px;
	display: block;
}

.home-title{
	font-size: 45pt;
	font-weight: 700;
	padding: 0px;
	margin-bottom: -10px;
	color: #ed1c24;
}

.home-title-sub{
	font-size: 14pt;
	letter-spacing: 2pt;
	font-weight: 700;
	color: red;

}

.about-text{
	font-size: 9pt;
	letter-spacing: 0.15pt;
}

h1{
	font-size: 25pt;
	letter-spacing: 1.5pt;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 20px;

}

h2{
	font-size: 10pt;
	letter-spacing: 1.5pt;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 20px;
	width: 80%;
	margin: auto;
	line-height: 14pt;
}

h3{
	font-size: 15pt;
}


p{
	font-size: 8pt;
}

.arrows{
	display: none;
}


	.yellow-square-button{
		box-sizing: border-box;
		border: 10pt solid #f7ed38;
		padding: 5px;
		margin-bottom: 20px;

	}

	.panic{
		color: #ed1c24;
		font-weight: 900;
		font-style: italic;
		font-size: 25pt;
		margin-bottom: 0px;
		text-align: center;

	}

	.panic-text{
		color: #ed1c24;
		font-weight: 900;
		font-style: italic;
		letter-spacing: 0.25pt;
		font-size: 10pt;
		text-align: center;

	}

	.button-text{
		color: #1b75bc;
		font-weight: 900;
		font-style: italic;
		font-size: 25pt;
		margin-bottom: 0px;
		text-align: center;
	}

	.make-a-post{
		background-color: #f7ed38;
		padding: 20px;
		margin-top: 10%;
	}

	.btn{
		white-space: pre-wrap;
	}

	.button{
		box-sizing: border-box;
		border: 4px solid #1b75bc;
		background-color: transparent;
		border-radius:20px;
		padding: 5px 10px;
		font-size: 10pt;
		text-transform: uppercase;
		font-weight: 600;
		font-family: 'Source Sans Pro', sans-serif;
		color: #1b75bc;

	}

	.claim{
		float: right;
		clear: both;
		padding-top: 10px;
	}

	.date{
		font-size: 5pt;
		font-style: italic;
	}

	.info p{
		font-size: 12pt;
		font-weight: 600;
	}

@media (min-width: 768px){
.navbar >.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin-left: 0px;
}

.home-body{
	background-image: url(../img/home-bg.gif);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
}

	.home-title{
		font-size: 40pt;
	}
	
	.home-title-sub{
		font-size: 12pt;

		}

	.about-text{
		font-size: 8pt;
	}

	.help-mobile{
		display: none;
	}

	.gap{
		height: 175px;
	}

	.home-page-buttons{
		clear: both;

	}

	.yellow-square-button{
		box-sizing: border-box;
		border: 10pt solid #f7ed38;
		padding: 5px;
		margin-bottom: 40px;

	}

	.panic{
		color: #ed1c24;
		font-weight: 900;
		font-style: italic;
		font-size: 25pt;
		margin-bottom: 0px;
		text-align: center;

	}

	.panic-text{
		color: #ed1c24;
		font-weight: 900;
		font-style: italic;
		letter-spacing: 0.25pt;
		font-size: 10pt;
		text-align: center;

	}

	.button-text{
		color: #1b75bc;
		font-weight: 900;
		font-style: italic;
		font-size: 25pt;
		margin-bottom: 0px;
		text-align: center;
	}


	.arrows{
			display: block;
		    position: relative;
    		min-height: 1px;
    		float: left;
    		width: 25%;
    		box-sizing: border-box;
    	}
    .arrows-mobile{
		display: none;	
	}
}

@media (min-width: 1024px){
	.home-title{
		font-size: 50pt;
	}
	
	.home-title-sub{
		font-size: 16pt;

		}

	.about-text{
		font-size: 10pt;
	}

	.gap{
		height: 300px;
	}

	.yellow-square-button{

		margin-bottom: 70px;

	}

	.panic{
		font-size: 30pt;
	}

	.panic-text{
		font-size: 12pt;
		width: 70%;
		margin: auto;
		padding-bottom: 10px;
	}
}

@media (min-width: 1440px){

	.navbar{
		min-height: 75px;
		padding-top: 10px;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 12pt;
	}

	.home-title{
		margin-top: 40px;
		font-size: 60pt;
	}
	
	.home-title-sub{
		font-size: 22pt;

		}

	.about-text{
		font-size: 15pt;
	}

	.yellow-square-button{

		margin-bottom: 100px;

	}

	.panic{
		font-size: 40pt;
	}

	.panic-text{
		font-size: 15pt;
		width: 60%;
	}
	.button-text{
		font-size: 40pt;
	}
		
	}
}



/* Desktops and laptops ----------- 
@media only screen  and (min-width : 1224px) {



	.home-page-buttons{
		text-align: center;
		padding: 0%;
	}

	h1{
		font-size: 38pt;
	}

	h3{
		font-size: 25pt;
	}

	p{
		font-size: 18pt;
	}
} 
*/