@media screen and (max-width: 650px) {
  .tlogo  img{
    width: 250px;
  }
  
  .tlogo, .inner {margin-top: 0 !important;}
  
  .tlogo {margin-bottom: 20px;}
  
  .tdescription {font-size: 15px !important;}
  
  .erpimg {display:none !important;}
  
  .erpmargin {
	  width: initial !important;
	  margin-left: 20px !important;
	  margin-right: 20px !important;
	}
	
	.erptext {width: 100% !important;}
	.erptext p {
		font-size: 15px !important;
		line-height: 1.2 !important;
	}
	
	.erpcontainer {height: 260px !important;}
	
	iframe {height: 600px !important;}
  
}

@media screen and (max-width: 829px) {
  .ttext{
    margin-top: 0;
  }
  
  
}


.view {
    width: 450px;
    height: 500px;
    margin-top: 10px;
	margin-right: 10px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: pointer;
}
.view .mask, .view .content {
    width: 450px;
    height: 500px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view p {http://www.noronesc.pt/apex/noronesc/r/files/static/v294Y/O-NetSuite-SolutionProvider-rgb.png
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: justify;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}

body {font-family: 'proxima-nova', sans-serif;}

.view-fifth img {
	transition: all 0.3s ease-in-out; 
}
.view-fifth .mask { 
	/*background-color: rgba(146,96,91,0.3);*/
background-color: rgba(169, 168, 168, 0.5);
	transform: translateX(-450px);
	opacity: 1;
	transition: all 0.4s ease-in-out; 
}
.view-fifth h2{
    background: rgba(255, 255, 255, 0.5);
    color: #000;
    box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p{
    opacity: 0;
    color: white;
    transition: all 0.2s linear;
}

.maintitle {
    
   font-size:35px;
   font-weight: 800;
   line-height: 1;
   text-transform: uppercase;
}

.view {
  position: relative;
  border: 1px solid black;
  
  background-repeat: repeat;
}

.maintitle {
  margin: auto;
  position: relative;
  top: 40%; 
  left: 0; 
  bottom: 0; 
  right: 0;
  color: white;
  /*border: solid black;*/
}

.section_o {
    display: table;
    position: relative;
    width: 100%;
	padding-top: 10px;
}

.homehero {
    background: #a8a8a8;
    color: black;
    padding: 50px 0;
}

#maincontainer {
    padding-top: 20px;
    /*max-width: 1600px;*/
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.titlediv {
    float:left;
}

.ttext {
    width: 60%;
    padding-top:20px;
    line-height: 1.5;
}

.tlogo {
	margin-left: 0;
	margin-right: 0;
	}

.ttext div {
	
	margin-top: 45px;
	text-align: justify;
	line-height: 1.8;
}

.view_container {display: inline-block;}

/*label {
	display: block;
	background: #08C;
	padding: 5px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 2px;
	color: white;
	font-weight: bold;
}*/

@media only screen and (max-width:400px){
	
	.erpcontainer {height: 320px !important; margin-top:0 !important;}
	
}