/* CSS Mini Reset */
/******************/
html{color:#000;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

:root {
  	--roomrescol: #028ccd;
	--roomresfont: 'Skolar Sans Pro';
	--fc-button-bg-color: #028ccd;
	--fc-button-hover-bg-color: #028ccd;
	--rommrescolrgba: rgba(2,140,205,0.4);
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('fonts/Montserrat-Regular.ttf') format('TrueType'),
}

body{
    font-family: 'Montserrat Regular';
}
#roomapi {
    width:80%;
    margin:0 auto;
    max-width:1400px;
}
.logo{
    position: absolute;
    right: 24%;
    top:15px;
    width: 210px;
}
#roomapi #filters {
    margin-top: 80px;

}
.back{
    position: absolute;
    left: 20%;
    top: 30px;
    border-bottom: 1px solid #e0e0e0;
    width: 40%;
    text-decoration: none;
    padding-bottom: 30px;
    font-size: 15px;
    color: #000;
}
.back:hover{
    color: var(--roomrescol);
}
.text{
    padding-top: 150px;
    padding-left:20%;
    font-size: 25px;
}


/*MOBILE*/

@media screen and (max-width: 1150px){
    .back {
        left: 30px;
    }
    .logo{
        right:15px;
    }
    .text {
        padding-left: 0;
        text-align: center;
    }
    .selectize-input > *{
        font-size:14px;
    }
    #roomapi #filters {
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 768px){
    .text {
        padding-left: 30px;
        padding-right: 30px;
    }
    #roomapi {
        width: 95%;
    }
    #roomapi .selectize-control {
        width: 100%;
        display: block;
        margin-right: 10px;
    }
}
