*{
	margin: 0;
	padding: 0;
	font-family: 'Saira Semi Condensed', sans-serif;
	font-weight: normal;
}

body{
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

p{
}

html{
	width: 100%;
	height: 100%;
	background-color: #1aa6b7;

}

a{
	text-decoration: none;
}

.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after, .container16:before, .container16:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
.row:after, .clearfix:after, .container12:after, .container16:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom: 1;}
img, object, embed {max-width:100%;}
img {height:auto;}

@media screen and (max-width:1366px){
	body{
		font-size: 15px;
	}
}

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


	body{
		font-size: 13px;
	}
}