/*GENERAL*/

body {

    color: #323232;

    background:#ecf0f1;

    /*background-image: url('../img/background.jpg');*/

    font-family: 'Source Sans Pro', sans-serif;

    -webkit-font-smoothing: antialiased;

}



.container:before,

.menu:before,

.container:after,

.menu:after {

    content: " ";

    display: table;

}



.container:after,

.menu:after {

    clear: both;

}



a {

    text-decoration: none;

}



strong {

    font-weight: 600;

}



.menu {

    list-style: none;

    padding-left: 0;

    margin: 0;

}



.menu li {

    float: left;

}



.fa {

    vertical-align: middle;

}



.container {

    max-width: 1170px;

    margin: 0 auto;

}



hr {

  margin-top: 1rem;

  margin-bottom: 1rem;

  border: 0;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}



.danger,

.warning,

.info,

.links {

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.danger:hover,

.danger:focus,

.warning:hover,

.warning:focus,

.info:hover,

.info:focus,

.links:hover,

.links:focus {

	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4), 0 10px 20px 0 rgba(0, 0, 0, 0.38);

}



.right div:first-child,

.price-info p:first-child{

	margin-top: 20px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}



.right div:nth-last-child(2),

.price-info p:last-child {

	margin-bottom: 20px;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}



/*HEADER*/



header {

    width: 100%;

    background: #2ecc71;

    position: -webkit-sticky; /* Safari */

    position: sticky;

    top: -1px;

    z-index: 2;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2)

}



.logo {

    float: left;

}



.logo a {

    display: block;

    background: url(../img/logo.png) 0 0 no-repeat;

    width: 300px;

    height: 80px;

    text-indent: -99999px;

    margin-top: 10px;

}



.nav-bar {

    float: right;

}



.nav-bar .fas {

    display: block;

    padding:  23px 0 10px 0;

}



.nav-bar a {

    transition: color 300ms;

    color: #ffffff;

    display: block;

    width:  100px;

    height: 100px;

    text-align: center;

    text-transform: uppercase;

}



.selected a,

.nav-bar a:hover,

.nav-bar a:focus {

    color:#155831;

}





/*SLIDESHOW*/

* {box-sizing:border-box}



.slideshow-container {

  max-width: 1020px;

  position: relative;

  margin: auto;

}



.burger {

  display: none;

}

/* Hide the images by default */

.Slides {

  display: none;

  line-height: 0;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.Slides:hover,

.Slides:focus {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.38);

}



/* 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: #27ae60;

}



/* 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;

}



/* 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}

}



/* CONTENT */



main {

  max-width: 1020px;

  margin: auto;

}



.center {

  float: left;

  max-width: 700px;

  display: inline;

  padding: 10px 5px 10px 0;

}



.right {

  float: right;

  max-width: 300px;

  display: inline;

  padding: 0 0 10px 5px;

  text-align: center;

}



.center h3 {

  color: #2c3e50;

  font-size: 25px;

  text-align: center;

  font-weight: 600;

}



.center p {

  text-align: justify;

  color: #2c3e50;

  font-size: 20px;

}



.center .img-link {

  display: block;

}

.danger {

  background: #c0392b;

  color: #fff;

  padding: 5px;

}



.warning {

  background: #f39c12;

  padding: 5px;

}

.info {

  background: #27ae60;

  padding: 5px;

}



.links {

  background:#95a5a6;

  padding: 5px;

}



.links li {

  text-align: left;

}



.links li a {

  text-decoration: none;

}



.center img {

	border-radius: 5px;

}



.center .img-link img {

	width: 100%;

    height: auto;

}

.center .container {

    text-align: center;

}

.center .container img {

    width: 30%;

    height: auto;

    margin: 1%;

}



/*ABOUT*/



.about {

	padding: 50px 10px;

}



/*CONTACT*/



.contact {

	padding: 50px 10px;

}



#map {

	margin: auto;

	height: 350px;

	width: 100%;

	border-radius: 3px;

}



/*PRICE*/



.price-info p {

	display: block;

	margin: 0;

	min-height: 50px;

	line-height: 40px;

	font-weight: 600;

}



.price-info {

	padding: 0 0 10px 5px;

	text-align: center;

}



.price .table {

	font-family: Arial, Helvetica, sans-serif;

	border-collapse: collapse;

	margin: auto;

}



.price .table td,

.price .table th {

	border: 1px solid #2c3e50;

	padding: 8px;

}



.price .table th {

	padding-top: 12px;

	padding-bottom: 12px;

	text-align: center;

}



/*FOOTER*/



footer {

	position: absolute;

  bottom: 0;

  width: 100%;

  height: 60px;

  background: #6cf;

}



@media only screen and (max-width: 1070px) {

  main {

    max-width: 100%;

  }

  .center {

    max-width: 70%;

    padding: 20px;

  }



  .right {

    max-width: 30%;

    padding: 20px;

  }

}



@media only screen and (max-width: 900px) {

  main {

    max-width: 100%;

    padding: 20px;

  }

  .right,

  .center {

    float: none;

  }



  .right {

    text-align: center;

    width: 80%;

    margin: auto;

  }



 .logo {

    float: left;

  }



  .nav-bar li {

    float: none;

  }



  .nav-bar {

    float: none;

    margin-top: 100px;

    display: none;

  }



  .burger {

    display: block;

    float: right;

    margin: 30px;

  }



  .bar1, .bar2, .bar3 {

    width: 35px;

    height: 5px;

    background-color: #333;

    margin: 6px 0;

    transition: 0.4s;

  }



  .change .bar1 {

    -webkit-transform: rotate(-45deg) translate(-9px, 6px);

    transform: rotate(-45deg) translate(-9px, 6px);

  }

  

  .change .bar2 {opacity: 0;}

  

  .change .bar3 {

    -webkit-transform: rotate(45deg) translate(-8px, -8px);

    transform: rotate(45deg) translate(-8px, -8px);

  }



  .open {

    display: block;

  }



	.right div:nth-last-child(3){

		margin-bottom: 20px;

		border-bottom-left-radius: 5px;

		border-bottom-right-radius: 5px;

	}

	.links {

		display: none;

	}



	.center .img-link2 img {

		width: 100%;

		height: auto;

	}



  @media only screen and (max-width: 500px) {

	  .logo {

		  max-width: 50%;

	  }

  }

}