/*Fonts*/

@font-face{ 
	font-family: 'Roboto';
    
	src: url('../assets/roboto-regular-webfont.eot');
	src: url('../assets/roboto-regular-webfont.eot?iefix') format('eot'),
	     url('../assets/roboto-regular-webfont.woff') format('woff'),
         url('../assets/roboto-regular-webfont.ttf') format('truetype');      
}

@font-face{ 
    font-family: 'Roboto-bold';
    
	src: url('../assets/roboto-bold-webfont.eot');
	src: url('../assets/roboto-bold-webfont.eot?iefix') format('eot'),
	     url('../assets/roboto-bold-webfont.woff') format('woff'),
         url('../assets/roboto-bold-webfont.ttf') format('truetype');             
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 16px;
    color: #222222;
}

p {
    margin: 0 0 16px 0;
}

.bold-text {
    font-family: 'Roboto-bold'
}

.general-tnc {
    padding: 40px 20px;
}

ol {
    padding-left: 26px;
    margin-top: 0;
}


/*Headers*/

h1, h2, h3, h4, h5 {
    margin:0 0 10px 0;
    line-height: 23px;
    font-weight: 100;
}

h1 {
    font-size: 33px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 27px;
}
    
h4 {
    font-size: 23px;
    font-family: 'Roboto-bold';
}

h5 {
    font-size: 16px;
}

/*Links*/

a {
    text-decoration: none;
}

.link--action {
    color: #222222;
}

.link--emphasized {
    text-decoration: underline;
}
     
 .block-paragraph {
    margin-bottom: 40px;
}
    
/*lists*/
    
ul {
    padding-left: 20px;
    margin: 0;
}

ul li {
    list-style-type: disc;
    color: #222222;
    margin-bottom: 6px;
}


/*Break points*/

@media only screen and (max-width: 376px) {
    
    h4 {
        font-size: 20px;
    }
    
    h5 {
        font-size: 15px;
    }
    .general-tnc {
        padding: 20px 16px;
    }

    body {
        font-size: 15px;
    }
    
    .block-paragraph {
        margin-bottom: 20px;
    }
}