/*
#------------------------------------------------------------------------
# CloudHost - September Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

.base {
    width: 500px;
    height: 300px;
    background: url(https://www.weybrookpark.co.uk/images/banners/smaller.jpeg);
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: 80% 150%;
    transition: height 1s, width 1s;
}


#base2 {
    top: 15%;
    height: 100%;
    width: 100%;
}

#base2:hover {
    width: 100%;
}