Line wrap


<!DOCTYPE html>


<html lang="en">


<head>




<meta charset="utf-8">


<meta http-equiv="X-UA-Compatible" content="IE=edge">


<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />




<title>+ + Chad Bonanno | Designer + Animator | Los Angeles , CA | 323.527.4119 + +</title> 


<meta name="Description" content="Cinematagraphy Chad Bonanno - Animation, Design, Motion Graphics" /> 


<meta name="Keywords" content="Cinematagraphy, ona1r, chad, chad bonanno, motion design, design, animation, MOTION GRAPHICS developer, CINEMATOGRAPHY, DESIGN," />


<meta name="robots" content="all" />


<meta http-equiv="imagetoolbar" content="no" />


<meta name="MSSmartTagsPreventParsing" content="true" />


<meta name="Copyright" content="(c) 2010 Chad Bonanno" />




<link href="css/bootstrap.min.css" rel="stylesheet">


<link href="fonts/style.css" rel="stylesheet" type="text/css">


<link href="webfonts/CB/stylesheet.css" rel="stylesheet" type="text/css">


<link href="webfonts/Din_Next_Pro/stylesheet.css" rel="stylesheet" type="text/css">




<link href="css/2-col-portfolio.css" rel="stylesheet">


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">




<!--[if lt IE 9]>


<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>


<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>


<![endif]-->




<style type="text/css">


@import url("webfonts/CB/stylesheet.css");


@import url("webfonts/CB/stylesheet.css");






body {


background-image: url(images/Cinematpgraphy-animator-bkfull.png);


background-position: center center;


background-repeat: no-repeat;


background-attachment: fixed;


background-size: cover;


background-color:#ffffff;


}




/* For mobile devices */


/*html { 


background: url(images/MOTION-GRAPHICS-bk1024.png);


-webkit-background-size: cover;


-moz-background-size: cover;


-o-background-size: cover;


background-size: cover;


}*/






@media only screen and (max-width:1190px) and (min-width: 1020px){


body{


background-image:url( images/MOTION-GRAPHICS-bk1024.png);


no-repeat center center fixed; 


-webkit-background-size: cover;


-moz-background-size: cover;


-o-background-size: cover;


background-size: cover;


width:100%;


}


}




@media only screen and (max-width:780px) and (min-width: 760px){


body{


background-image:url( images/animator-developer-bk800.png);


no-repeat center center fixed; 


-webkit-background-size: cover;


-moz-background-size: cover;


-o-background-size: cover;


background-size: cover;


width:100%;


}




}






@media only screen and (max-width:490px) and (min-width: 400px){


body{


background-image:url( images/animator-developer-bk500.png);


no-repeat center center fixed; 


-webkit-background-size: cover;


-moz-background-size: cover;


-o-background-size: cover;


background-size: cover;


width:100%;


}






}




@media only screen and (max-width:390px) and (min-width: 310px){


body{


background-image:url( images/animator-developer-bk400.png);


no-repeat center center fixed; 


-webkit-background-size: cover;


-moz-background-size: cover;


-o-background-size: cover;


background-size: cover;


width:100%;


}






}








.pagination>li>a, .pagination>li>span {


border: 1px solid rgba(221, 221, 221, 0);


}


.p-fomat{margin-top: -15px; margin-left: 30px;}


.p-fomat-b{margin-top: -5px; margin-left: 30px;}


.p-fomat-c{margin-top: -10px; margin-left: 52px; font-size: 12px;}


a{color:#000000; }


.text-back{ background-color: #CCCCCC; padding: 2px;}


a:focus, a:hover {


color: #23527c;


text-decoration: none;


font-family: CB;


}


.bt-marg{margin-bottom:80px}


.bt-marg-sos{margin-bottom:40px}






.h1, h1 {


font-size: 36px;


}




}






</style>




<script>


(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){


(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),


m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)


})(window,document,'script','//www.google-analytics.com/analytics.js','ga');




ga('create', 'UA-336370-46', 'auto');


ga('send', 'pageview');




</script>




<script src="https://www.w3counter.com/tracker.js?id=101395"></script>




</head>






<body>


<div></div> 


<div class="container">




<div class="row">


<div class="col-lg-12">


<p>&nbsp;</p>


<p>&nbsp;</p>


</div>


</div>


<iframe src="https://player.vimeo.com/video/562355399" width=“12”80 height=“720” frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>


<h3>&nbsp;</h3>


<div class="row bt-marg"></div>










<!-- <hr>




<footer>


<div class="row">


<div class="col-lg-12">


<p>Copyright &copy; 2016</p>


</div>


</div>




</footer> -->




</div>




<script src="js/jquery.js"></script>




<script src="js/bootstrap.min.js"></script>




</body>




</html>