/**
 * 	@author: Filip Nowakowski
 *  @created: 2015
 */

body{
	background-color: #0d2427;
	background-image: url('../images/dublin1920.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.m-wrapper{
	min-height: 100vh;
}

.m-header h1{
	
}

.m-header h2{
	margin: 0px;
	margin-bottom: 20px;
	letter-spacing: 10px;
	font-size: 20px;
}

div.m-navbar{
	padding	: 15px;
	text-align: right;
}

div.m-navbar span a{
	color: #ccc;
	font-size: 1.5em;
	border-left: 1px #ccc solid;
	padding: 10px 20px;
}

div.m-navbar span:first-of-type a{
	border: none;
}

.m-huge{
	font-size: 3.5em;
}

div.m-content-box{
	position: relative;
	padding: 5%;
	font-size: 1.4em;
}

.m-content-box h2{
	text-align: left;
}

div.m-content-box#m-map{
	width: 100%;
	height: 187.5px;
	margin: 0;
	padding: 0;
}

ul.m-list{
    list-style: none;
	
    margin: 20px 0;
    padding: 0;
}

ul.m-list > li{
	
    float: left;
    margin: 0;
    padding: 0;
}

ul li div.m-li-content{
    background-color: rgba(0,0,0,0.8);
	
    width: 95%;
    padding: 5%;
    margin-bottom: 3%;
    height: 180px;
}

ul li div.m-li-content.m-half{
	height: 85px;
}

ul li div.m-li-content.m-half:last-of-type{
	margin: 0;
}

ul.m-sublist{
    font-size: 0.8em;
	
    list-style-type: none;
    padding: 5px;
}

ul.m-sublist > li{
	
}

ul li h4{
	
}

div.m-adnotation{
    font-size: 0.7em;
	
    margin-top: 50px;
}


div#m-about{
	text-align: justify;
}

div#m-contact{
	text-align: left;
}

.m-dark{
	background-color: #212121;
	color: #e3f6f3;
}

.m-light{
	background-color: #e6e6e6;
	color: #040c0b;
}

div#m-contact.m-light a{
	color: #040c0b;
}

div#m-contact.m-dark a{
	color: #e3f6f3;
}

div#m-contact.m-light a:hover{
	color: #e3f6f3;
}

div#m-contact.m-dark a:hover{
	color: #040c0b;
}

div#m-map iframe{
	width: 100%;
	height: 100%;
}

.m-space{
	height: 20px;
}

.m-button{
	display: block;
	margin: 5px auto 0;
}

.m-hidden{
	display: none !important;
}
 
hr {
	border: 0;
    height: 1px;
} 

.m-right hr{
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.m-left hr{
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

footer{
	background-color: #e6e6e6;
	padding: 10px 0;
}

.m-clear{
	clear: both;
}

@media (max-width: 992px){
	
	.m-contact:last-of-type{
		margin-top: 3%;
	}
	
	ul li div.m-li-content.m-half:last-of-type{
		margin-bottom: 3%;
	}
}