* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: interstate, sans-serif;
}

body {
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
}


#main-nav .fa-home {
	font-size: 28px;
}


.container{
	background-color: #f2f2f2;
}
.mySlides img {
	height: 800px;
}

h2 {
	text-align: center;
	font-style: italic;
	font-weight: 700;
	font-size: 38px;
	color: #26496f;
	padding-top: 20px;
	background-color: #f2f2f2;
}

#logo {
	position: absolute;
	right: 140px;
	z-index: 3;
	background-color: #fff;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: 2px 3px 31px 12px rgba(0,0,0,0.67);
	-moz-box-shadow: 2px 3px 31px 12px rgba(0,0,0,0.67);
	box-shadow: 2px 3px 31px 12px rgba(0,0,0,0.67);
	font-family: 'Oswald', sans-serif;
}

div#logo img {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


#container {
  text-transform: uppercase;
  font-size: 20px;
  margin: 0; 
  padding: 0;
  position: absolute;
  right: 156px; /*DONOT CHANGE!! ANIMATION TEXT POSITION*/
  top: 106px; /*DONOT CHANGE!! ANIMATION TEXT POSITION*/
  z-index: 6;
  font-weight: 700;
  font-style: italic;
  text-align: right;

  /*height: 20px;*/
  
}

#flip {
  height: 52px;
  overflow: hidden;
}

#flip > div > div {
  color: #26496f;
  padding: 8px 12px;
  height: 54px;
  width: 250px;
  margin-bottom: 44px;
  display: inline-block;

}

#flip div {
	 font-family: 'Oswald', sans-serif;
}
#flip div:first-child {
  animation: show 15s linear infinite;
}

@keyframes show {
  0% {margin-top:-260px;}
  5% {margin-top:-170px;}
  33% {margin-top:-170px;}
  38% {margin-top:-80px;}
  66% {margin-top:-80px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-260px;}
}

	  .mySlides .fade {
        z-index: 40;
        background-color: #000;
		  }

		  p.animated_text {
		  	position: absolute;
		  	top: 280px;
		  	right: 140px;
		  	font-size: 40px;
		  	font-weight: 600;
		  	text-align: right;
		  	line-height: 1.8em;
		  	color: #fff;
		   text-shadow: 1px 1px 2px rgba(0,0,0,.4);

		  		-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
		  }

		  p.animated_text span {
		  	text-transform: uppercase;
		  	font-size: 60px;
/*	       -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
		  	animation-delay: 1s;*/

		  	-webkit-animation-name: tracking-in-expand;
            -webkit-animation-duration: 0.7s;
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		  }

		@-webkit-keyframes tracking-in-expand {
		0% {
		letter-spacing: -0.5em;
		opacity: 0;
		}
		40% {
		opacity: 0.6;
	
		}
		100% {
		opacity: 1;

		}
		}
		@keyframes tracking-in-expand {
		0% {
		letter-spacing: -0.5em;
		opacity: 0;
		}
		40% {
		opacity: 0.6;
		}
		100% {
		opacity: 1;
		}
		}



a {
	text-decoration: none;
	display:inline-block;
	color: #03558b;
}

header {
	position: relative;
}
header nav ul {
  padding: 0;
  list-style-type: none;
	position: relative;
}

nav ul#main-nav a#menu_category1,
nav ul#main-nav a#menu_category2 {
	height: 99px;
}

#main-nav {
	font-size: 15px;
	margin: 0;
	position: fixed;
	top: 70px;
	z-index: 3;
	left:-11px;
}


.fa-home {
	font-size:28px;
}


#main-nav a:hover {
	padding-left: 10px;
	padding-right: 5px;
	width: 75px;
}


#main-nav li {
	transition: width 0.9s ease;
}

#main-nav a {
	/*padding-left: 4px;*/
	text-transform: uppercase;
	letter-spacing: 0.1em;
	transition: all 0.7s ease;
	font-weight: 500;
	width: 65px;
	height: auto;
	padding: 12px 10px 12px 6px;
	background-color: white;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 10px;
	-webkit-box-shadow: 2px 0px 23px 0px rgba(0,0,0,0.61);
-moz-box-shadow: 2px 0px 23px 0px rgba(0,0,0,0.61);
box-shadow: 2px 0px 23px 0px rgba(0,0,0,0.61);
	/*transition: width 1s ease;*/
color: #03558b;
 writing-mode: vertical-rl;
 font-size: 1.1em;	
}

#boats_page nav ul#main-nav a#menu_boats,
#routes_page nav ul#main-nav a#menu_routes,
#contact nav ul#main-nav a#menu_contact,
#boats_category1 nav ul#main-nav a#menu_category1,
.boats_category1 nav ul#main-nav a#menu_category1,
.boats_category2 nav ul#main-nav a#menu_category2,
.boats_category3 nav ul#main-nav a#menu_category3,
.boats_category4 nav ul#main-nav a#menu_category4 {
	width: 79px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}

/* JS Carousel styles start */

/* Slideshow container */
.slideshow-container {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  padding: 0;
}

/* Hide the images by default */
.mySlides {
  display: none;
  padding: 0;
  margin: 0;
  background-color: #f2f2f2;
}

div.fade{ 
background-color: #f2f2f2;
}


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: none;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

  #description_mobile {
  display: none;
}

/* JS Carousel end */

/* boats section styles start */

section#home_boats {
	min-height: 300px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding: 30px 115px 20px 105px;
	background-color: #f2f2f2;
	margin: 0px;
	text-align: center;
}

section#boats {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap:wrap;
	padding: 30px 140px 20px 140px;
	background-color: #f2f2f2;
	margin: 0px 70px;
	text-align: center;
}
body#home h2,
body#boats_page h2{
	background-color: #f2f2f2;
}

.boat img {
	transition: all .2s ease-in-out;
}

.boat img:hover {
  -webkit-animation: shadow-drop 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: shadow-drop 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

/* animation shadow-drop */
@-webkit-keyframes shadow-drop {
  0% {
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  60% {
	-webkit-transform: translateZ(50px);
			transform: translateZ(50px);
	-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
			box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
	
	100% {
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-drop {
  0% {
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  60% {
	-webkit-transform: translateZ(50px);
			transform: translateZ(50px);
	-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
			box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
	
	 100% {
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.boat h3 {
	 color: #03558b;
	 font-size: 24px;
	 text-align: center;
	 padding-top: 7px;
}

/* boats section styles end */

#description {
	min-height: 670px;
	background-color: #ecebeb;
}

#description img {
	float: left;
	margin: 90px 30px 80px 130px;
}

#about {
	padding: 65px 60px 100px 95px;
	margin-top: 50px;
	border: 2px solid #26496f;
	width: 590px;
	height: 540px;
	float: left;
	position: relative;
	left: -70px;
	z-index: 5;
}

#about h1 {
	padding-bottom: 20px;
	font-style: italic;
	font-weight: 700;
	font-size: 38px;
	color: #26496f;
}


#arrow {
	margin-top: 40px;
	font-size: 24px;
}

footer {
	width: 100%;
	height: 180px;
	background-color: #182b3a;
	border: none;
	box-sizing: border-box;
	letter-spacing: normal;
	color: #fff;
	display: flex;
	justify-content: space-around;
	padding: 10px 20px;
}

footer p {
	color: #ccc;
	/*padding-left: 5px;*/
}



footer nav {
	width: auto;
	display: flex; 
	flex-direction: row;
	vertical-align: top;
	/*justify-content: flex-start;*/
	text-align: left;
/*	margin: 0;
	padding: 0;*/
	
}
footer a {
	color: #ccc;
}

footer #top a {
	color: darkorange;
}



footer nav a{
	color: #ccc;
	text-decoration: none;
	/*margin: 10px 18px 0 1px;*/
	font-weight: 600;
	font-size: 13px;
	
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.3s ease-in-out; /* transition property must always be in the NON hovered rule */
}

footer nav ul li{
	width: auto;
	padding: 0 10px;
	/*padding-right: 130px;*/
	list-style-type: none; 
}


footer nav a:hover {
	color: darkorange;
	letter-spacing: 0.15em;
}

span.footer_heading {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 18px;
	padding-bottom: 0px;
}



footer h3 {
	margin: 15px 0;
	text-transform: uppercase;
	color: white;
	font-size: 19px;
}

footer div#top {
	margin: auto 0;
}




/* for contact form page */

#form-box {
	position: absolute;
	width: 1100px;
	height: 555px; 
	background-color: white;
	opacity: 0.7;
	z-index: 6;
	top: 190px;
	left: 280px;
	border-radius: 12px;
}

#form-container {
	padding: 35px 10px;
	opacity: 1;
	z-index: 8;
	position: absolute;
	width: 1200px;
	height: 520px;
	top: 190px;
	left: 267px;

}

fieldset {
	width: 350px;
	
	float: left;
	display: block;
	border: none;
}



form {
opacity: 1;
font-size: 1.3em;

}

label {
	border: 1px solid black;
	display: none;
	width: 200px;
	padding: 5px 8px;
}

input,
select {
	width: 350px;
	display: inline-block;
	margin-left: 50px;
  margin-bottom: 5px;
	height: 33px;
  padding: 6px 15px;
   border-radius: 5px;
   outline: none;
  border: none;
   background: #F6F7F9;
   color: black;
   font-size: 14px;
}

input[type=submit] {
	padding: 15px 40px;
	width: 350px;
	height: 40px;
	background:#008ecd;
	border:none;
	color:white;
	cursor:pointer;
	display:inline-block;
	float:right;
	clear:right;
	-webkit-transition:0.2s ease all;
	   -moz-transition:0.2s ease all;
		-ms-transition:0.2s ease all;
		 -o-transition:0.2s ease all;
			transition:0.2s ease all;

}

input[type=submit]:hover {
	opacity:0.8;
}

input[type="submit"]:active {
	opacity:0.4;
}



form input:focus,
form textarea:focus {
	border: 1px solid #03558b;
	background-color: white;
}

textarea {
	height: 49px;
	width: 350px;
	display: inline-block;
	margin-left: 50px;
	padding: 5px 15px;
	border-radius: 4px;
	/*margin-bottom: x;*/
	outline: none;
	border: none;
	background: #F6F7F9;
	color: black;
	font-size: 14px;
}

textarea:last-of-type {
	height: 80px;
}

::placeholder {
  color: black;
}

#contact-number .fa  {
padding: 0 0 0 20px;
font-size: 42px;
width: 17px;
text-align: center;
text-decoration: none;
margin: 3px 3px;
border-radius: 50%;
float: right;

}

#contact-number .fa-whatsapp {
	color: green;
}

div#contact-number {
	margin-top: 70px;
	margin-right: 140px;
	width: 190px;
	float: right;
	color: #03558b;
	font-weight: 500;
}

#contact-number p span{
font-weight: 700;
font-size: 18px;
}

div#address {
	margin-top: 40px;
	margin-right: 140px;
	width: 190px;
	float: right;
	color: #03558b;
	font-weight: 500;
}

/* boats pages */

.price_table table {
border-collapse: collapse;
padding: 10px;
text-align: center;
margin: 20px auto;
}

.price_table table th,
.price_table table td {
	padding: 5px 0;
	width: 75px;
}


.description_box {
height: 253px;
width: 288px;
position: absolute;
background-color: white;
opacity: 0.7;
top: 180px;
right: 140px;
z-index: 7;
border-radius: 18px;
padding: 10px 15px;
overflow: hidden;
line-height: 1.35em;
}

 .show {
	width: 450px;
	height: auto;
	font-size: 14px;
}



#description_container {
	opacity: 1;
	text-align: left;
	font-size: 15px;

}

#description_container p {
	padding-bottom: 2px;
}

#description_container h1 {
	/*padding: 5px;*/
text-align: left;
color: #03558b;
	font-style: italic;
	font-weight: 700;
	font-size: 28px;
	color: #26496f;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	}

#description_container span {
	font-weight: 600;
	
	padding-right: 2px;
	font-size: 15px;
	text-transform: uppercase;
}

p #short {
	padding-bottom: 10px;
}

/* Boat Page*/

		.boat_description {
		background-color: white;
		width: 280px;
		height: auto;
		padding-left: 12px;
		padding-right: 12px;
		margin-bottom: 50px;
		text-align: left;
			}

		.boat_description span {
			text-transform: uppercase;
			font-weight: 700;

		}
		.menu_boat {
	font-size: 12px;
}
			
.boat:hover {
  -webkit-animation: shadow-drop 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: shadow-drop 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

/* animation shadow-drop */
@-webkit-keyframes shadow-drop {
  0% {
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  60% {
	-webkit-transform: translateZ(50px);
			transform: translateZ(50px);
	-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
			box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
	
	100% {
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-drop {
  0% {
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  60% {
	-webkit-transform: translateZ(50px);
			transform: translateZ(50px);
	-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
			box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
	
	 100% {
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}


section#boats {
	background: #f2f2f2;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.boat h2 {
text-align: left;
font-size: 28px;
padding-bottom: 10px;
background-color: white;
}

.boat {
	text-align: left;
	background-color: white;
	margin-bottom: 25px;
	padding-bottom: 7px;

}

.fa-home {
	font-size:28px;
}


.gallery__wrapper {
  background-color: #f2f2f2;
 /* box-shadow: 0px 0px 20px #818181;*/
  min-height: 1110px;
}

.image-main__wrapper {
 
}

/*.image-main {
  line-height: 0;
}*/

.image-thumbnails__wrapper {
  
}

.thumbnails {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0 18px 0;
  margin: 0 100px 0 100px;
  opacity: 1;
  transition: opacity 1.85s;
}

.thumbnails li {
  padding: 5px;
  line-height: 0;
}

.gallery__img:hover {
  opacity: 0.75;
  cursor: pointer;
}

.material-icons {
/*   padding: 43px 0 33px 0; */
  cursor: pointer;
  margin-top: 15px;
}

 .material-icons_left-btn {
 margin-right: 70px;
 margin-top: 15px;
 font-size: 2.5em;
 padding: 0;
 cursor: pointer;
 font-weight: bold;
}

.material-icons_right-btn {
  margin-left: 70px;
  font-size: 2.5em;
  padding: 0;
  cursor: pointer;
  font-weight: bold;
}

#price_info {
  display: flex;
  justify-content: center;
}

#price_included,
#price_excluded {
  width: 530px;
  padding-bottom: 20px;
  padding-left: 30px;
  
}


#price_excluded {
  padding-left: 120px;
}

#price_included h2,
#price_excluded h2{
  font-size: 30px;
  padding-bottom: 10px;
  text-align: left;
}



#arrows {
  text-align: center;
}

.read_more {
  text-align: center;
  width: 85px;
  padding: 8px 0;
  z-index: 10;
  position: absolute;
  right: 157px;
 top: 190px;
  border-radius: 5px;
  border: 1px solid #436d93;
  transition: all 0.5s ease-in-out;
  font-weight: 700;
  color: #44576e;
  background-color: #f2f2f2;
  font-size: 14px;
}

.read_more:hover {
  background-color: #fff;
  cursor: pointer;
}

a.button {
  display: block;
  position: relative;
  float: left;
  width: 120px;
  padding: 0;
  margin: 10px 10px 10px 0;
  font-weight: 600;
  text-align: center;
  line-height: 50px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s ;
}

.btnBlueGreen {
  background: #5ea8ed;
}

.btnBlueGreen:hover {
opacity: 0.9;
}

.btnBlueGreen.btnPush {
  box-shadow: 0px 5px 0px 0px #436d93;
}

.btnPush:hover {
  margin-top: 15px;
  margin-bottom: 5px;
}

.btnBlueGreen.btnPush:hover {
  box-shadow: 0px 0px 0px 0px #436d93;
}

/* routes detailed pages */

.days {
	display: flex;
	flex-wrap: wrap;
}

#duration {
	width: 95px;
	height: 95px;
	background-color: #26496f;
	color: white;
	text-align: center;
	float: left;
	border-radius: 50%;
	padding-top: 15px;
	margin-right: 15px;
}

span#number {
	font-size: 28px;
	font-weight: 700;
}

span#time {
	font-size: 22px;
	
}

.day_one {
	width: 50%;
	min-height: 500px;
padding: 50px 90px 50px 110px;
	background-color: #fff;
}

.day_one h2 {
	background-color: #fff;
	margin-bottom: 15px;
	font-size: 32px;
	font-weight: 500;
	text-align: left;
	margin-top: 0;
}

.day_two {
	width: 50%;
	min-height: 500px;
	padding: 50px 90px 50px 110px;
	background-color: #f2f2f2;
}

.day_two h2 {
	margin-bottom: 15px;
	font-size: 32px;
	font-weight: 500;
	text-align: left;
}

.days p {
  line-height: 1.5em;
}

section#route_description {
	background-color: #e6f2f7;
}

section#route_description #heading{
	padding: 30px 150px;
}

section#route_description #heading p{
	line-height: 1.5em;
}


/* end of routes detailed */
@media screen and (max-width: 1520px) {
	
	#main-nav {
		top: 70px;
		font-size: 13px;
		}

	#description img {
		margin: 90px 30px 80px 150px;
		width: 600px;
	}

	#about {
	width: 490px;
	height: 540px;
	padding: 65px 20px 100px 55px;;
	}

	footer {
		padding: 10px 30px;
	}
}

@media screen and (max-width: 1298px) {
 
 #main_nav {
	top: 5px;
	font-size: 10px;
 }

	.mySlides img {
	height: auto;
}


	section#boats,
	section#home_boats
	 {
		flex-wrap: wrap;
		
	}	

	#description img {
	margin: 90px 30px 80px 170px;
	width: 500px;
	}

	#about { 
	width: 490px;
	height: 540px;
	padding: 65px 20px 100px 55px;;
	}

	footer {
		padding: 10px 30px;
	}

	div.home_boat,
	div.boat {
		display: flex;
		flex-direction: column;
		height: auto;
	}

	div.boat h3 {
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 1230px) {
	
	#main-nav {
		margin: 0;
		top: 10px;
		font-size: 11px;
}
	section#boats {
		flex-wrap: wrap;
		flex-direction: column;
		padding: 0;
		align-items: center;
		height: auto;
	}	

	#boats img{
		width: 550px;
		height: auto;
	}

 #boats div.boat img {
	width: 550px;
	height: auto;
	}

	 #description img {
	margin: 150px 30px 80px 90px;
	width: 460px;
	}

	#about { 
	width: 490px;
	height: 500px;
	padding: 45px 20px 60px 55px;
	}

	footer {
		padding: 10px 30px;
	}

}



@media screen and (max-width: 900px) {
	
	#main-nav {
		margin: 0;
		top: 5px;
		}

		div.description_box {
  height: 300px;
  overflow: scroll;
  right: 40px;
  top: 130px;
}

span.read_more {
  right: 55px;
  top: 145px;
}
	
}