/*
 *	CSS for devices with max width = 479px
 */

/*------------------------------------------------------------------
    GLOBAL
-------------------------------------------------------------------*/

body{
	font-size:10px;
}

h2 {
    font-size: 14px
}

h3 {
    font-size: 12px
}

.block-title, .block-title-white{
	font-size:24px;
}

.container {
	padding-right: 5px;
	padding-left: 5px;
}


/*------------------------------------------------------------------
    HEADER
-------------------------------------------------------------------*/

.navbar-brand img {
	height: 40px;
}
	
.main-menu {
	height: 66px;
}

.padding-top-menu-height {
	padding-top: 66px;
}


/*------------------------------------------------------------------
    BANNER
-------------------------------------------------------------------*/

.banner {
	padding-bottom:30px;
}
	
.banner-text h1 {
	font-size: 12px;
	line-height: 0px;
	padding-top: 30px;
}

.banner-text h2 {
	font-size: 10px;
	padding-top: 30px;
	padding-bottom:30px;
}


/*------------------------------------------------------------------
    AVAILABILITY
-------------------------------------------------------------------*/

.availability .table-dark{
	font-size: 10px;
}

.availability .container {
	padding-right: 0px;
	padding-left: 0px;
}

.availability .calendar-div .table-sm td, .availability .calendar-div .table-sm th{
	padding-left: 1px;
	padding-right: 1px;
}


/*------------------------------------------------------------------
    PRICE LIST
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    BOOKING
-------------------------------------------------------------------*/

.booking-form  input, .booking-form textarea{
	font-size: 10px;
}

.booking-form  button{
	font-size: 12px;
}


/*------------------------------------------------------------------
    CONTACTS
-------------------------------------------------------------------*/

.contacts .table-contacts th, .contacts .table-contacts td{
	padding: 2px;
}


/*------------------------------------------------------------------
    FOOTER
-------------------------------------------------------------------*/

.block-title-footer{
    font-size: 12px
}

.block-title-footer a{
    font-size: 12px
}