@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');
  
body {
    background-color: rgb(0, 0, 0);  
}

section.banner {
    background-image:url('imagens/retratoc.jpg') ; 
    background-repeat: no repeat;
    background-size: cover;
    background-position: left;
    height: 110vh;
}

h3 {
    color: rgb(255, 255, 255);
    font-size: 1.5em;
    font-weight: 100;
    padding-bottom: 1.5em;
    padding-top: 1em;

   /*  animation-name: slide; 
    animation-duration: 3s;  */
}

.box {
    display: flex;
    flex-direction: column;
    justify-content:left;
    align-items: left; 
    padding-bottom: 5em;
    padding-left:.03em;
   /*  height: 100vh; */
}

.text{
    font-size: 1em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(196, 192, 192);  
}

h3{
    padding-top:.5;
}

aside{ 
    padding-left: 3em;
    padding-right: 3em;
}

.boxdesk,.logodeskt{
    display: none;
}

   



/*********  BREAKPOINT **********/
@media screen and (min-width: 980px) {
    
.menudesktop, .footdesktop, .box, .adesktop, .boxdesk, .logodesk{
    display: flex;
}

.mobilemenu,.footmobile, .logodeskt{
    display: none;
}

body {
    background-color: rgb(0, 0, 0);  
}

section.banner {
    background-image:url('imagens/retratoc.jpg') ;
    background-repeat: no-repeat;
    background-size: contain;
    background-position:left;
    height: 100vh; 
}


.circulo{
    background-color: rgba(255, 255, 255, 0.89);
    width: 200px;
    height: 200px;
    border-radius: 200px;
    position: absolute;
    left: 30em; 
	top: 9em;
  
    animation: pulse 5s; 
    animation: circle 5s infinite;
}

aside{
    background-color:  rgba(0, 0, 0, 0);
    display: flex;
    position:fixed;
    z-index: 999;
   /*  padding-right:6em; */

    bottom: 0em;
    left: 0em;
    right: 0;
}


/* .adesktop{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
} */

.copy{
    text-align: center;
}

.boxdesk{
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-top: 15em;
    padding-left: 20em;
    margin-right: 2em;
}


.iconscontainer { 
    display: flex;
    flex-direction: row no wrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
}
.iconscontainer a{ 
    display: inline-block;
    text-decoration: none;  
    text-align: right;
}


h3{
    padding-bottom: .5em;
}

.logodesk{
    padding-left: 6.5em;
}


}



@media screen and (min-width: 1300px) {
    
    .boxdesk{
        padding-left: 54em;
    }


}



@media screen and (min-width: 1600px) {
    
    .boxdesk{
        padding-left:78em;
    }

    .circulo{
        left:40em; 
        top: 9em;
    }

}