@media only screen and (min-device-width : 768px) and (max-device-width : 1170px),
    only screen and (min-width : 768px) and (max-width : 1170px) {

        .container {width: 95%;}
        
}

@media only screen and (min-device-width : 480px) and (max-device-width : 768px),
    only screen and (min-width : 480px) and (max-width : 768px) {
        
        .container {width: 95%;}

        .row .half {width: 100%;}
		.row .pull-left {float: left; text-align: center;}
		.row .pull-right {float: none; text-align: center;}
		.row .pull-left > .row-container {padding-right: 0px;}
		.row .pull-right > .row-container {padding-left: 0px;}

		.content .new h1 {font-size: 28px; line-height: 44px; color: #ffffff; letter-spacing: 2px;}
		.content .new h1 span {display: block; font-size: 40px;}

		.contact .text ul {font-size: 16px; line-height: 28px;}
		.contact .text ul li.big {font-size: 26px; padding-bottom: 10px;}

		.spaced-xsmall {padding: 30px 0px;}
		.spaced-small {padding: 30px 0px;}
		.spaced-big {padding-top: 30px; padding-bottom: 100px;}

		section.bg {height: auto !important;}
		footer {position: relative; left: auto; top: auto;}
        
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px),
    only screen and (min-width : 320px) and (max-width : 480px){
       .container {width: 95%;}

        .row .half {width: 100%;}
		.row .pull-left {float: left; text-align: center;}
		.row .pull-right {float: none; text-align: center;}
		.row .pull-left > .row-container {padding-right: 0px;}
		.row .pull-right > .row-container {padding-left: 0px;}

		.content .new h1 {font-size: 28px; line-height: 44px; color: #ffffff; letter-spacing: 2px;}
		.content .new h1 span {display: block; font-size: 40px;}

		.contact .text ul {font-size: 16px; line-height: 28px;}
		.contact .text ul li.big {font-size: 26px; padding-bottom: 10px;}

		.spaced-xsmall {padding: 30px 0px;}
		.spaced-small {padding: 30px 0px;}
		.spaced-big {padding-top: 30px; padding-bottom: 100px;}

		section.bg {height: auto !important;}
		footer {position: relative; left: auto; top: auto;}

}

@media screen and ( max-height: 870px ){
   		header .logo {max-width: 200px;}

   		.content .new h1 {font-size: 32px; line-height: 50px; color: #ffffff; letter-spacing: 2px;}
		.content .new h1 span {display: block; font-size: 50px;}

		.spaced-xsmall {padding: 30px 0px;}
		.spaced-small {padding: 30px 0px;}
		.spaced-big {padding-top: 30px; padding-bottom: 100px;}
}