/* --------------------------------------------------------------------------

>>> TABLE OF CONTENTS:

-----------------------------------------------------------------------------
1.  Text
2.  Social Media
3.  Buttons
4.  Header
5.  Body
6.  Page Templates
7.  Post:Archive
8.  Post:Single
9.  Footer
----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*  1. Text
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */

/*  2.  Social Media
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */

/*  3.  Buttons
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */

/*  4.  Header
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */

/*  5.  Body
/* -------------------------------------------------------------------------- */

.home-section {
    padding: 4em 0 !important;
}

.cruise-section, .about-section, .roadtrip-section {
    padding:4em 20px;
}

.triad-side-by-side-width {
	max-width:1220px;
}

.cruise-section, .about-section, .roadtrip-section, .cruise-section .pre-header, .about-section .pre-header, .roadtrip-section .pre-header {
	color:#FFF;
}

.cruise-section {
    background:url('../images/cruise-ship.png'), url('../images/cruise-waves.jpg') ;
    background-size:inherit;
    background-position:75% 0, left top ;
    background-repeat:no-repeat, repeat;
    background-attachment:fixed;
}

.about-section {
    background:url('../images/pattern-diamond-5.png') repeat, #001b42;
    background-size:inherit;
    background-position:left top;
}

.roadtrip-section {
    background:url('../images/car-road.png'), url('../images/asphalt.jpg') ;
    background-size:inherit;
    background-position:75% 0, left top ;
    background-repeat:no-repeat, repeat;
    background-attachment:fixed;
}

.left {
    float:left;
    width:50%;
}

.clockdiv{
	color:#FFF;
	font-weight:100;
	text-align:center;
	font-size:30px;
    align-items:center;
    justify-content:center;
}

.clockdiv > div{
	display:inline-block;
	float:left;
	padding:10px;
	background:rgba(0, 0, 0, 0.35);
    margin:5px;
    min-width:90px;
}

.clockdiv div > span{
    font-size:40px;
    font-weight:bold;
    align-items:center;
    justify-content:center;
}

.smalltext {
	font-size: 13px;
}

.thumbnail-image img {
    float: left;
    margin-bottom:10px;
}


/* -------------------------------------------------------------------------- */

/*  6.  Page Templates
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */

/*  7.  Post:Archive
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */

/*  8.  Post:Single
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */

/*  9.  Footer
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

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

	.cruise-section {
	    background-position:84% 0, left top ;
	}

	.roadtrip-section {
	    background-position:84% 0, left top ;
	}

}

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

	.cruise-section {
	    background-position:98% 0, left top ;
	}

	.roadtrip-section {
	    background-position:98% 0, left top ;
	}

}

@media screen and (max-width:768px) {
	
	.cruise-section, .about-section, .roadtrip-section {padding:.5em 0px;}
	
	.cruise-section {
		background:url('../images/cruise-waves.jpg') !important;
		background-size:inherit;
		background-position:left top ;
		background-repeat:repeat;
		background-attachment:fixed;
	}

	.roadtrip-section {
		background:url('../images/asphalt.jpg') !important;
		background-size:inherit;
		background-position:left top ;
		background-repeat:repeat;
		background-attachment:fixed;
	}
	
	.left{width:100%}
}