/* index page styles */

#owl {margin-top: 35px;}

.welcome-image,
.welcome-content {float: left;}

.welcome-image {width: 35%;}

.welcome-content {width: 65%;
                  position: absolute;
                  left: 35%;
                  bottom: 2px;
                  top: 0;
                  background: #d7d7d7 url(http://media.corporate-ir.net/media_files/irol/20/205430/carlson-rezidor/right-block-shadow.png) repeat-y left top;}

.welcome-content h1 {font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-size: 195%;
    text-transform: uppercase;
    padding-top: 10px;
    line-height: 33px;
    display: block;
    width: 100%;
    background: #2b2b2b;
    border-bottom: 1px solid red;
    color: #FFF;
    padding: 5px 0 5px 18px;
    opacity: 0.8;}


.welcome-content p,
.welcome-content .welcomeNewsTitle,
.welcome-content a  {
    font-size: 130%;
    line-height: 135%;
    margin: 0;
    padding: 13px 4px 2px 18px;}

.welcome-content p a,
.welcome-content a   {font-family: ProximaNova-Bold, Arial, Helvetica, sans-serif;
                      color: #F9140C;}

.welcome-content p a {font-size: 100%;
                      padding: 0;
                      line-height: 100%;}


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


.welcome_content {min-height: 295px;}

#brand {min-height: 355px;}

#brand,
#brand_inner,
#brand_inner_bg,
#brand .brand_desc,
#brand .brand_desc_holder,
#brand .brand_desc_lft,
#brand .brand_desc_lft h2,
#brand .brand_desc_lft p {width: 100%}

#home_left,
#hm_content,
#welcome,
#welcome h1,
#welcome_inner,
.welcome_content,
#welcome .welcomeholder,
#welcome p               {width: 100% !important;}

#welcome p {font-size: 110%;}

#welcome .welcomeholder {min-height: 126px;}

#welcome {margin-top: 0;}

#hm_content img {width: 100%;
                 height: auto;}

/*#home_left .homeimage {margin: 0 auto;
                       display: block;
                       position: relative;
                       top: 0;}*/


}



@media screen and (min-width: 568px) and (max-width: 1023px){

#hm_content {width: 100%;}

#welcome {width: 100% !important;}

#welcome h1,
#welcome .welcome_content,
#welcome #welcome_inner,
#welcome .welcome_content
#welcome .welcomeholder,
#welcome .welcomeholder p,
#welcome .welcome_count {width: 100% !important;}

#home_left .homeimage {/* top: 37px; */}



#welcome.first_welcome {width: 66% !important;}



#brand,
#brand_inner_bg,
.brand_desc {width: 100%;}

.brand_desc_lft {width: 69%;}
}


@media screen and (min-width: 300px) and (max-width: 630px){


#welcome.first_welcome,
#welcome.second_welcome {width: 100% !important;}

.homeimage {/*display: none !important; */}
.homeimage {position: relative!important; left: 0px !important;}
#welcome_image {width: 100%; display:block; float:none !important;}
#welcome_content {width: 100%; display:block; float:none !important;}

img[src *= "WolfgangCropped.jpg"] {margin-top: 15px !important;}

.welcome-image {width: 35%;}

.welcome-content {width: 65%;
                  left: 35%;}

.welcome-content h1 {font-size: 12px;
                     line-height: 15px;}
.welcome-content .welcomeNewsTitle,
.welcome-content p,
.welcome-content a  {font-size: 10px; padding: 5px; overflow: auto;}



}



@media screen and (min-width: 630px) and (max-width: 767px){

.homeimage {/*display: none !important;*/}
/*
.homeimage {position: relative !important; left: 0px !important;}
#welcome_image {width: 100%; display:block; float:none !important;}
#welcome_content {width: 100%; display:block; float:none !important;}
*/
/*
#welcome .welcomeholder,
#welcome.first_welcome {width: 100% !important;}

#welcome.first_welcome {margin-top: 0;}

#welcome.second_welcome {width: 64.85% !important;}

#welcome.second_welcome .redline {display: none;}
*/

}