@media(max-height:500px)
{
	section#landing-page #company{
		margin-top:80px;
		font-size:4em;
	}
	
	ul#social{
		position:fixed;
		right:20px;
		top:25%;
	}
	
	ul#social li{
		width:35px;
		height:35px;
		padding-top:30%;
	}
}

@media(max-height:400px)
{
	section#landing-page #company{
		margin-top:70px;
		font-size:3.5em;
	}
	
	
	section#landing-page button#get-started{
		margin:60px auto 10px auto;
		border-radius:50%;
		width:50px;
		height:50px;	
		margin-right:20px;
	}

	section#landing-page button#get-started .fa{
		font-size:2.3em;
	}

}

@media(max-height:350px)
{
	section#landing-page #company{
		margin-top:40px;
		font-size:4em;
	}

	
	ul#social{
		position:fixed;
		right:20px;
		top:15%;
	}
	
	ul#social li{
		width:35px;
		height:35px;
		padding-top:30%;
	}
}



/****WIDTH****/

@media(max-width:990px){
	
	section#home #nav .nav{
			text-align:center;
	}
}



@media(max-width:860px){
	
	
	ul#social{
		position:static;
		text-align:center;
	}
	
	ul#social li{
		width:30px;
		height:30px;
		margin:0px 3px;
		padding-top:6px;
		display:inline-block;
	}
}


@media(max-width:770px){
	
	section#home #nav .nav ul{
		margin-top:5px;
	}
	
	section#home #login-signup-modal ul.nav{
		width:100%;
	}
	
	section#home #login-signup-modal ul.nav li{
		width:49%;
		display:inline-block;
	}
	
	section#account  ul.nav{
		width:100%;
	}
	
	section#account  ul.nav li{
		width:32%;
		display:inline-block;
	}

	
	section#home div#background #welcome{
		margin-top:60px;
	}
	
	section#home div#background #welcome li{
		font-size:3em;
		width:60px;
	}
	
	section#home div#background  #frag{
		font-size:1.5em;
		letter-spacing:2.8px;
	}
}

@media(max-width: 760px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	table td{
		width:100%;
		float:none;
		text-align:left;
		margin:0;
		overflow:auto;
		white-space:nowrap;
	}
	
	
	table td:not(.action):before{
		display:inline-block;
		width:45%;
		padding-right:10px;
		height:100%;
		font-weight:bold;
		content:attr(column-title);
	}

}


@media(max-width:760px){
	section#home #nav .nav ul{
		margin-top:10px;
	}
	
	.modal-content{
		margin-top:50px;
	}

}

@media(max-width:700px){
	
	section#contact .row > div.col:nth-child(2) address{
		margin-left:10px;
	}
}

@media(max-width:630px){
	
	section#home div#background #welcome{
		margin-top:60px;
	}
	
	section#home div#background #welcome li{
		font-size:2.6em;
		width:50px;
	}
	
	section#home div#background  #frag{
		font-size:1.2em;
		letter-spacing:2.8px;
		text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	}
}

@media(max-width:580px){
	section#account  ul.nav li a{
		font-size:0.9em;
	}

	section#products .product {
	    height: 130px;
	    padding-bottom: 13px;
	}
}

@media(max-width:550px){
	
	section#account  ul.nav{
		text-align:center;
	}

	section#account  ul.nav li{
		display:inline-block;
		margin:2px auto;
		width:49%;

	}	

	section#home #nav #company{
		padding:5px 0;
	}
	
	section#home #nav .nav ul{
		margin-top:20px;
		display:none;
	}
	
	section#home #nav .nav ul li{
		display:block;
		height:30px;
		width:150px;
		margin:8px auto;
		text-align:center;
		border:2px solid #ED6381;
	}
	
	section#home #nav .nav ul.show{
		display:block;
	}
	
	section#home #nav .nav ul.show li{
		animation: fade-in-right 2s linear forwards;
	}
	
	section#home #nav .nav:not(#auth) li a:hover{
		background:none;
		padding-bottom:0;
		border-bottom:0;
	}

	
	@keyframes fade-in-right {
	  from {
		opacity: 0;
		transform: translateY(-15px);
	  }
	  to {
		opacity: 1;
		transform: translateY(0);
	  }
	}

	
	section#home #nav .nav #toggle-nav{
		display:block;
		text-align:center;
		margin:3px auto 10px auto;
		
	}
	
	section#contact address{
		display:block;
		width:100%;
		text-align:center;
		margin-top:20px;
	}
}

@media(max-width:400px){
	section#landing-page #company{
		margin-top:10px;
		font-size:3em;
	}


	section#landing-page #company #logo
	{
		height:auto;
		width:270px;
		display:block;
		margin:10px auto 20px auto;
	}
	
	section#home #nav #company #name{
		margin-top:10px;
		padding-left:14px;
	}
	
	section#home div#background{
		height:250px;
	}
	
	section#home div#background #welcome{
		margin-top:100px;	
	}
	
	section#about .company img{
		width:90%;
		height:300px;
		margin:0 auto;
		display:block;
		border-radius:50%;
	}
	
}


@media(max-width:390px){
	
	section#products .product{
		margin-top:30px;
		height:200px;
	}
	
	section#home div#background #welcome li{
		font-size:2.3em;
		width:40px;
	}
	
	section#products .product .col{
		clear:both;
		text-align:center;
		width:100%;
		display:block;
		margin-top:5px;
	}
}

@media(max-width:370px){
	section#account  ul.nav li{
		display:block;
		margin:2px auto;
		width:100%;
	}
}

@media(max-width:310px){
	
	section#home div#background #welcome li{
		font-size:2.3em;
		width:30px;
	}
}

@media(max-width:235px){
	
	section#home #nav #company #name,
	section#home #nav #company #name #tag-line{
		text-align:center;
		
	}
	
}