/*----------*****MOBILE VERSION*****-------*/

@media screen and (min-width: 320px) {

body {
	margin:0px;
}

nav {
	height:auto;
	display:block;
	margin:0 auto;
}

h1 {
	text-align:center;
	font-family: 'Abel', sans-serif;
	font-size:50px;
	/*font-weight:bold;*/
}

nav ul li {
	list-style-type:none;
	text-align:center;
	font-size:20px;

}

.pen {
	width:25px;
	height:25px;
}

.small-8 {
	position:relative;
}

.small-4 {
	position:relative;
}

.small-6 {
	position:relative;
}

.small-9 {
	position:relative;
}

.small-3 {
	position:relative;
}

.small-7 {
	position:relative;
}

.small-5 {
	position:relative;
}

.row .small-4 img {
	height:250px;
	width:100%;
	padding:2.5px;
	position:relative;

}

.row .small-8 img {
	height:250px;
	width:100%;
	padding:2.5px;
	position:relative;

}

.row .small-5 img {
	height:250px;
	width:100%;
	padding:2.5px;
	position:relative;
}

.row .small-7 img {
	height:250px;
	width:100%;
	padding:2.5px;
	position:relative;
}

.row .small-6  img {
	height:250px;
	width:100%;
	padding:2.5px;
	position:relative;

}

.row .small-9  img {
	height:250px;
	width:100%;
	padding:2.5px;
	position:relative;

}

.row .small-3  img {
	height:250px;
	width:100%;
	padding:2.5px;
	position:relative;

}

img {
	opacity:0.9;
}

.date1 {

	display:none;
	position:absolute;
	top:0;
	left:10;
	color:white;
	font-size:30px;
	font-family: 'Raleway', sans-serif;
}

.date2 {

	display:none;
	position:absolute;
	top:0;
	left:10;
	color:white;
	font-size:30px;
	font-family: 'Raleway', sans-serif;
}

.date3 {

	display:none;
	position:absolute;
	top:0;
	left:10;
	color:white;
	font-size:30px;
	font-family: 'Raleway', sans-serif;
}

.date4 {

	display:none;
	position:absolute;
	top:0;
	left:10;
	color:white;
	font-size:30px;
	font-family: 'Raleway', sans-serif;

}
.date5 {

	display:none;
	position:absolute;
	top:0;
	left:10;
	color:white;
	font-size:30px;
	font-family: 'Raleway', sans-serif;

}
.date6 {

	display:none;
	position:absolute;
	top:0;
	left:10;
	color:white;
	font-size:30px;
	font-family: 'Raleway', sans-serif;

}

.modal-wrapper1, .modal-wrapper2, .modal-wrapper3, .modal-wrapper4,.modal-wrapper5, .modal-wrapper6 {
	display:none;
	position:absolute;
	transform: translate(125px);
	z-index:99;
	width:50%;
	height:auto;
	background-color:#e8f4f8;
	padding-left:5px;
	padding-right:5px;
	border:1px solid black;

}

.modal-wrapper1 p, .modal-wrapper2 p, .modal-wrapper3 p, .modal-wrapper4 p,.modal-wrapper5 p, .modal-wrapper6 p {
	font-size:15px;
}

.modal-wrapper1 img, .modal-wrapper2 img, .modal-wrapper3 img, .modal-wrapper4 img,.modal-wrapper5 img, .modal-wrapper6 img{
	height:200px;

}


.footer {
	height:auto;
	background-color:#778899;
	/*display:inline-block;*/
	width:100%;
}

.bottomheader {
	width:100%;
	text-align:center;
}

.legal-doc {
	display:inline-block;
	margin-left:10%;
}

.legal-doc li {
	list-style-type:none;
	color:white;
}

.legal-title {
	font-weight:bold;
}

.company {
	/*height:300px;*/
	display:inline-block;
	/*background-color:#778899;*/
	padding-left:10%;
}

.company-title {
	font-weight:bold;
}

.company li {
	list-style-type:none;
	color:white;
}

.download1 {
	display:inline-block;
	margin-left:10%;

}

.download-title {
	font-weight:bold;
}

.download1 li {
	list-style-type:none;
	color:white;
	
}

.follow-us {
	display:inline-block;
	margin-left:10%;
	/*margin-bottom:100px;*/
}

.follow-us h4 {
	text-align:center;
	font-family: 'Abel', sans-serif;
	font-size:12px;
}

.follow-us img {
	width:30px;
	height:30px;
	/*padding:5px;*/
}

.sign-up-wrapper {
	/*background-color:rgba(0,0,0, .5);*/
	/*opacity:0.75;*/
	height:100vh;
	width:100%;
	display:none;
	position:fixed;
	top:0;
	left:0;
	padding:0;
	margin:0;
	z-index:99;
}

.sign-up-modal {
	width:auto;
	height:auto;
	border:1px solid skyblue;
	background-color:white;
	position:absolute;
	top:50%;
	left:50%;
	padding:5px;
	transform: translate(-125px, -100px);
}

.sign-up-modal input {
	border:1px solid lightgrey;
}

.submit-bttn {
	width:120px;
	height:40px;
	/*border:1px solid blue;*/
	display:block;
	margin:0 auto;
	background-color:#cde7f0;
	color:white;
	font-weight:bold;
}

.close-modal {
	position:relative;
	top:0;
	right:0;
}

#menu-button {
	display:block;
	margin:0 auto;
}

}

/*----------******DESKTOP VERSION******--------*/

/*@media screen and (min-width:768px) {

body {
	margin:100px;
}

nav {
	height:140px;
}

h1 {
	text-align:left;
	font-family: 'Abel', sans-serif;
	font-size:40px;
}

nav ul li {
	list-style-type:none;
	text-align:right;
	display:block;
	padding:0;
	font-size:12px;

}

.small-8 {
	position:relative;
}

.small-4 {
	position:relative;
}

.small-6 {
	position:relative;
}

.small-9 {
	position:relative;
}

.small-3 {
	position:relative;
}

.small-7 {
	position:relative;
}

.small-5 {
	position:relative;
}

.row .small-4 img {
	height:425px;
	width:100%;
	padding:2.5px;

}

.row .small-8 img {
	height:425px;
	width:100%;
	padding:2.5px;

}

.row .small-5 img {
	height:425px;
	width:100%;
	padding:2.5px;
}

.row .small-7 img {
	height:425px;
	width:100%;
	padding:2.5px;
}

.row .small-6  img {
	height:425px;
	width:100%;
	padding:2.5px;

}

.row .small-9  img {
	height:425px;
	width:100%;
	padding:2.5px;
}

.row .small-3  img {
	height:425px;
	width:100%;
	padding:2.5px;

}

img {
	opacity:0.9;
}

.date1 {

	display:none;
	position:absolute;
	top:0;
	left:20;
	color:white;
	font-size:60px;
	font-family: 'Raleway', sans-serif;
}

.date2 {

	display:none;
	position:absolute;
	top:0;
	left:20;
	color:white;
	font-size:60px;
	font-family: 'Raleway', sans-serif;
}

.date3 {

	display:none;
	position:absolute;
	top:0;
	left:20;
	color:white;
	font-size:60px;
	font-family: 'Raleway', sans-serif;
}

.date4 {

	display:none;
	position:absolute;
	top:0;
	left:20;
	color:white;
	font-size:60px;
	font-family: 'Raleway', sans-serif;

}
.date5 {

	display:none;
	position:absolute;
	top:0;
	left:20;
	color:white;
	font-size:60px;
	font-family: 'Raleway', sans-serif;

}
.date6 {

	display:none;
	position:absolute;
	top:0;
	left:20;
	color:white;
	font-size:60px;
	font-family: 'Raleway', sans-serif;

}

.modal-wrapper1, .modal-wrapper2, .modal-wrapper3, .modal-wrapper4,.modal-wrapper5, .modal-wrapper6 {
	display:none;
	position:absolute;
	transform: translate(250px);
	z-index:99;
	width:50%;
	height:500px;
	background-color:#e8f4f8;
	padding:45px;
	border:1px solid black;

}

.modal-wrapper1 img, .modal-wrapper2 img, .modal-wrapper3 img, .modal-wrapper4 img,.modal-wrapper5 img, .modal-wrapper6 img{
	width:90%;

}

.footer {
	height:250px;
	background-color:#778899;
	width:100%;
}

.bottomheader {
	width:100%;
	text-align:center;
}

.legal-doc {
	display:inline-block;
	margin-left:50px;
}

.legal-doc li {
	list-style-type:none;
	color:white;
}

.legal-title {
	font-weight:bold;
}

.company {
	display:inline-block;
	padding-left:25px;
}

.company-title {
	font-weight:bold;
}

.company li {
	list-style-type:none;
	color:white;
}

.download1 {
	display:inline-block;
	margin-left:50px;

}

.download-title {
	font-weight:bold;
}

.download1 li {
	list-style-type:none;
	color:white;
	
}

.follow-us {
	display:inline-block;
	margin-left:100px;
}

.follow-us h4 {
	text-align:center;
	font-family: 'Abel', sans-serif;
}

.follow-us img {
	width:50px;
	height:50px;
	padding:10px;
}

#menu-button {
	position:relative;
	top:0px;
	right:0px;
	float:right;
	font-size:25px;
}

.pen {
	width:30px;
	height:30px;
}

.sign-up-wrapper {
	height:100vh;
	width:100%;
	display:none;
	position:fixed;
	top:0;
	left:0;
	padding:0;
	margin:0;
	z-index:99;
}

.sign-up-modal {
	width:500px;
	height:400px;
	border:1px solid skyblue;
	background-color:white;
	position:absolute;
	top:50%;
	left:50%;
	padding:5px;
	transform: translate(-250px, -200px);
}

.sign-up-modal input {
	border:1px solid lightgrey;
}

.submit-bttn {
	width:100px;
	height:40px;
	display:block;
	margin:0 auto;
	background-color:#cde7f0;
	color:white;
	font-weight:bold;
}

.close-modal {
	float:right;
}


}
*/