@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('../robotocondensed/robotocondensedlight.woff2') format('woff2'), url('../robotocondensed/robotocondensedlight.woff') format('woff'), url('../robotocondensed/robotocondensedlight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url('../robotocondensed/robotocondensedlightitalic.woff2') format('woff2'), url('../robotocondensed/robotocondensedlightitalic.woff') format('woff'), url('../robotocondensed/robotocondensedlightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('../robotocondensed/robotocondensed.woff2') format('woff2'), url('../robotocondensed/robotocondensed.woff') format('woff'), url('../robotocondensed/robotocondensed.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url('../robotocondensed/robotocondenseditalic.woff2') format('woff2'), url('../robotocondensed/robotocondenseditalic.woff') format('woff'), url('../robotocondensed/robotocondenseditalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../robotocondensed/robotocondensedbold.woff2') format('woff2'), url('../robotocondensed/robotocondensedbold.woff') format('woff'), url('../robotocondensed/robotocondensedbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url('../robotocondensed/robotocondensedbolditalic.woff2') format('woff2'), url('../robotocondensed/robotocondensedbolditalic.woff') format('woff'), url('../robotocondensed/robotocondensedbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

body {color: #3d3d3d; font-size: 17px; font-family: 'Roboto Condensed', sans-serif;}
* {
    margin: 0 0 0 0;
	padding: 0 0 0 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1 {font-size: 35px;}
#top {font-size: 22px;}
a:link, a:visited, a:active {color: #000000; text-decoration: underline;}
a:hover {color: #ff1c00; text-decoration: none;}

.opacity {
-moz-transition: all 0.4s; 
-webkit-transition: all 0.4s;  
-ms-transition: all 0.4s;  
-o-transition: all 0.4s;  
transition: all 0.4s; 
opacity:1;
filter:alpha(opacity=100);
}
 
.opacity:hover {
opacity:0.5;
filter:alpha(opacity=50);
}



@media (max-width: 768px) {

h1 {font-size: 25px;}
#top {font-size: 13px;}

}