/* CSS RESET */

body {display: none;}

body, div {margin: 0; padding: 0; border: 0;cursor: pointer;}

h1,h2,h3,h4,h5,h6,p {font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;}

h3 {font-weight: 200;font-size: 30px;color: #333; text-decoration: none;margin: 0; background-color: #FFF;}
p {font-size: 12px; color: #666; background-color: #FFF;}

@media (min-width: 768px){
	h3 {font-size: 60px;background-color: inherit;}
	p {font-size: 16px;background-color: inherit;}
}



/* Container */

.container {width: 100%; height: 100%;display: block;}

.container-left {position: absolute; left: 0; top: 0;background: url(../img/background-left.png) no-repeat left bottom;background-size: contain;float: left;opacity: 0.5;}
.container-right {background: url(../img/background-right.png) no-repeat right bottom;background-size: contain;float: right;opacity: 0.5;}

.container-left, .container-right {width: 50%;height: 100%; display: block;}

.destination-left, .destination-right {position: relative;top: 17%;transition: border 0.3s 0s ease-in-out;z-index: 2;}

.destination-left {right: 0px;text-align: right;border-right: #333 1px solid;padding-right: 20px;}
.destination-right {left: 0px;text-align: left;border-left: #333 1px solid;padding-left: 20px;}


.link{display: block; width: 100%;height: 100%;text-decoration: none;z-index: 2;}

.link-left, .link-right {text-align: left;position: relative;top: 17%;}

.link-left {text-align: right;padding-right: 20px;}
.link-right {text-align: left;padding-left: 20px;}



/*HOVER*/

.container-left-hover {position: absolute; left: 0; top: 0;background: url(../img/background-left-hover.png) no-repeat left bottom;background-size: contain;float: left;}
.container-right-hover {position: absolute; right: 0; top: 0;background: url(../img/background-right-hover.png) no-repeat right bottom;background-size: contain;float: right;}

.container-left-hover, .container-right-hover {opacity: 0; z-index: 1; width: 50%; height: 100%; transition: opacity 0.3s 0s ease-in-out;}
.container-left-hover:hover, .container-right-hover:hover {opacity: 1;}

.container-left-hover:hover .destination-left {border-right: #333 10px solid;}
.container-right-hover:hover .destination-right {border-left: #333 10px solid;}